需要帮助建立与资料核实

Question

布局这就是我想我的页面看起来像：

Mockup http://img64.imageshack.us/img64/5974/pagedh.jpg

我还没有应用。下面是我在哪里： http://labs.pieterdedecker.be/test/test.htm

我很新的使用<div>秒（而不是<table> S）创建我的页面的布局。我如何完成这项工作？

Answer 1

您可以只需添加2 CSS样式规则修复菜单：

.menu { overflow: hidden; } 
.menu ul { margin: 0; } 

溢出会离开，因为浏览器默认<ul>保证金的更高的菜单，只需用第二式的清理它，这将打破边缘。

Answer 2

只需添加以下代码：

<div style="clear:both; margin-left:20px;"> 

行后：

<div id="body"> 

即：

<div id="body"> 
<div style="clear:both;"> 

更多信息有关clear财产。

而且，看看很好的教程：

Div based layout with CSS

Answer 3

现在我看到的问题是，你的蓝“项目”框不看的权利。我认为这是因为包含'item'框的div应该包含在主'body'框中。它实际上是'身体'格内的第一件事。

为了让你更容易，你应该在'body'div中创建一个div，使用width: 100%和background: blue（或者任何颜色）。然后，在该div内，您可以创建项目列表。

将“物品”放入“物品栏”内的显而易见的方法是将float:left中的所有物品放在其自己的div内。那么您需要为“项目栏”本身（如height: 2em）设置一个静态高度，因为只包含浮动元素的div没有高度。

Answer 4

尝试包括明确：在身体div。

<div id="body" style="clear: both"> 
    <p>This is my body</p> 
    </div> 

祝你好运！ ;-)