<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style> .side{overflow:hidden;background:#ddc;} .left{ float:left; width:30%; border:2px solid blue; } .right{ margin-bottom:-32767px; padding-bottom:32767px; width:50%; float:left; background:#cdd; border:2px solid red; } </style> </head> <body> <div class="side"> <div class="left">left<br/><br/><br /><br/><br /><br/><br/><br/><br /><br/><br/><br/><br /><br/><br/><br/><br /><br/><br/><br/><br /><br/><br/><br/><br /><br/><br/><br/><br/><br /><br/><br /><br/><br/><br/><br /><br/><br/><br/><br/><br /><br /> </div> <div class="right">right</div> </div> </body> </html> <!-- 有个缺点。。。如果给right加border,这种方式就‘露馅’了... 其他方式可以使用display:table-cell,或者:http://hidehai.blog.51cto.com/307955/177729 -->
posted on 2012-03-08 13:29 G.N&K 阅读(144) 评论(0) 编辑 收藏 举报
Powered by: 博客园 Copyright © 2024 G.N&K Powered by .NET 8.0 on Kubernetes