并排的两个div自适应高度 2010-10-14 前端设计 暂无评论 2089 次阅读 早就听说布局很麻烦，天天听他们吆喝“定不住啦”“跑啦……”之类的。今天也实验了一小把，也没那么困难吧，嘿嘿。只是最后这个“并排的两个div自适应高度”有点难搞，无奈求助于无敌的搜索引擎，解决之…… 网上应该还有很多办法，听说的有纯CSS方法、js实现div自适应高度。可是我没一个试验成功的。想来应该是可以的，高手快现身赐教吧- -！嘿嘿<!--more--> 虽然是网上找的方法，但是这个思路也是自己第一个想到的，即加背景 XHTML代码： ``` <body> <div id=body> <div id=leftbox>左边的div</div> <div id=content>右边的div</div> <div class="clear"></div> </div> </body> ``` CSS代码: ``` #leftbox{ width:236px; float:left; background-color:#993; } .clear{ clear:both; } #content{ width:740px; float:right; background-color: #9C6; } ``` 大家遇到此类问题的话可以参考一下，测试ie678，firefox，谷歌都兼容。 标签: 网页设计, div, css 本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。