可用于创建以下页面布局的div数量最少是多少？

时间：2011-01-24 21:57:09

标签： html css stylesheet html4

更新

http://www.jsfiddle.net/dougrchamberlain/nMkxE/

看看它们如何分崩离析。 id = middle的宽度应该跨越整个剩余的中心#left:width - #wrapper:width = #middle:width

如果#right包含任何内容，那么

(#left:width + #right:width) - #wrapper:width = #middle:width

最新修改

仅供所有人使用。下图是在MSpaint中创建的。根本不使用HTML。

修改

这不应该是一个棘手的问题。另外请只考虑html4作为选项。显然我错过了HTML4标签。此外，您是否都在考虑在空白时右侧窗格应折叠的事实。

Div layout structure

不包括实际功能的任何嵌套div，即菜单内容区域等......

我的数量是6 ???

2 个答案:

答案 0 :(得分：0)

如果您不必将元素包装在固定宽度div中，则只需要5 - 否则为6.

  1. 头
  2. 左
  3. 中间
  4. 右
  5. 页脚
  6. 包装器（可选）

    7. 我只是希望你不要通过最小化布局的div数来节省几个字节：）

答案 1 :(得分：0)

编辑：如果您使用标题，左侧，中间和右侧，您只需4个div即可，只需将页脚中的第一个元素设置为清除：left;

最简单的方法是做一些像

这样的事情

body p {clear：left; }

，例如：http://jsfiddle.net/86M3M/1/

...如果你使用html5：不需要div;）

<!DOCTYPE html> 
    <html>    
    <head>...</head>
    <body>

    <header>
       ...
       <nav id="main"> ... </nav>
    </header>

    <nav id="left"> ... </nav>

    <section id="main_content"> ... </section>

    <section id="right_content"> ... </section>

    <footer> ... </footer>

    </body> 
    </html>
相关问题
最新问题