重叠div在我的HTML模板？

我正在为我的网站设计一些模板。我正在铺设divs并指定每个的高度和宽度。重叠div在我的HTML模板？

我有一个名为main_cont的大容器div。在'main_cont'中，我有三个（3）名为'cont_left'，'cont_center'和'cont_right'的容器div。每个div都有三个div，分别命名为left_1，left_2，left_3，center_1等...

我想自由添加内容到名为left_1，left_2，left_3的div，但我不想必须不断调整它们的大小。现在，当我放置所有这些div时，它们似乎位于屏幕的右侧。

我该如何定位它们并将它们放在这些位置，但是仍然可以垂直调整大小而不重叠？

来源

2010-01-04 Phil

你应该使用类似960 Grid System的东西。它将消除编写干净的CSS规则的负担，以便被主流浏览器正确解释。这使您可以花更少的时间来处理布局，并且可以让更多时间取得进展。

从它的声音，你的布局应该是这样的：

<div id="main_cont" class="container_12"> 
    <div id="cont_left" class="grid_3"> 
    <!-- Left Column --> 
    <div id="left_1"></div> 
    <div id="left_2"></div> 
    <div id="left_3"></div> 
    </div> 
    <div id="cont_center" class="grid_6"> 
    <!-- Center Column --> 
    <div id="center_1"></div> 
    <div id="center_2"></div> 
    <div id="center_3"></div> 
    </div> 
    <div id="cont_right" class="grid_3"> 
    <!-- Right Column --> 
    <div id="right_1"></div> 
    <div id="right_2"></div> 
    <div id="right_3"></div> 
    </div> 
    <div class="clear"></div> 
</div>

另一个良好做法是根据自己的视觉表现不名称的元素，如left_1。布局可能会改变，所以您的标识符将来可能会变得具有欺骗性。相反，给他们与他们的目的相关的名字，如navigation_1。

来源

2010-01-04 00:22:24 Sampson

重叠div在我的HTML模板？

回答

相关问题