我有一个bodyMain div宽度为100%。内部是一个具有自动边距的body div 800px(可以使用“body”作为id吗?)。里面是两个div的bodyLeft和bodyRight分别为200px和600px。当我向内部div添加内容时,bodyMain和body的身高都不会扩展。所有的高度都是自动的。
这是代码:http://jsfiddle.net/TqxHq/18/
HTML:
<body> <div id="bodyMain"> <div id="body"> <div id="bodyLeft"> left text goes here<br /> </div> <div id="bodyRight">Right text goes here </div> </div> </div> </body>
CSS:
#bodyMain{ border:1px solid red; width:100%; height:auto; } #body{ border:1px solid green; width:804px; height:auto; margin:auto; } #bodyLeft{ border:1px solid blue; float:left; width:200PX; height:auto; } #bodyRight{ border:1px solid orange; float:right; width:600PX; height:auto; }