UC知道关于DIV布局，div高度随内容增加而增加的问题？
来源：百度知道 编辑：UC知道 时间：2024/09/21 07:04:23
<body>
<div id="header">1111111</div>
<div id="conter">
<div id="left">333333</div>
<div id="right">4444444</div>
</div>
<div id="footer" style="margin:0px">555555</div>
</body>
如题，ID=header的DIV为网页的头，ID=center的DIV下嵌套两个层，一个居左边，一个居右边，ID=FOOTER的DIV是要居于网页的最下面，我想要的效果是，ID为left的DIV为固定高度，而ID为right的DIV里的内容是不定的，有可能多有可能少，怎样才能不管ID为right的DIV的内容如何变化（或多或少），ID为left的DIV高度不变，ID为right的DIV和ID=center的DIV的高度随ID为right的DIV的内容的多少而相应的变化，而ID=FOOTER的DIV始终位于网页的最下面。
谢谢高手指点。
<div id="header">1111111</div>
<div id="conter">
<div id="left">333333</div>
<div id="right">4444444</div>
</div>
<div id="footer" style="margin:0px">555555</div>
</body>
如题，ID=header的DIV为网页的头，ID=center的DIV下嵌套两个层，一个居左边，一个居右边，ID=FOOTER的DIV是要居于网页的最下面，我想要的效果是，ID为left的DIV为固定高度，而ID为right的DIV里的内容是不定的，有可能多有可能少，怎样才能不管ID为right的DIV的内容如何变化（或多或少），ID为left的DIV高度不变，ID为right的DIV和ID=center的DIV的高度随ID为right的DIV的内容的多少而相应的变化，而ID=FOOTER的DIV始终位于网页的最下面。
谢谢高手指点。
给id=left设定指定的高度!
id=right和id=conter不设定 height属性,这样高度为随之增长!
另外考虑到浏览器的兼容问题,和写法的标准性!应给id="header" id=right和id=conter 分别设置相对位置的属性 position:relative;
<body>
<div id="header">1111111</div>
<div id="conter">
<div id="left">333333</div>
<div id="right">
4444444
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div id="footer" style="margin:0px">555555</div>
</body>
样式如下:
/* 固定容器宽度 水平居中 */
#header,#center,#footer{width:900px; margin:0 auto;}
/* 清除浮动 撑开包含它的DIV */
.clear{clear:both;}
/* left左浮动,_display:inline为防止IE6下双倍margin */
#center #left{ width:200px; float:left;}
#center #right width:680px; margin-left:20px; float:left;_display: