Bing Yee程序人生

关注互联网产品技术学习,应用开发~

DIV+CSS 解决高度自适应办法 兼容多浏览器

2011-8-30 14:51:04 类别:DIV+CSS
摘要:通过隐藏容器溢出和正负内补丁方法解决兼容主流浏览器中DIV布局高度自适应的问题

DIV布局中,高度自适应是常用的一种方法,但往往达到不自己想要的效果. 这里直接贴网上目前通用的方法 利用隐藏溢出和正负补丁方法实现的 高度自适应

<html>
<head>
<title>DIV+CCS 高度自适应解决方案 </title>
<meta name="description" content="下面介绍采用 隐藏容器溢出 和 正内补丁 和 负外补丁 结合的方法" />
<style type="text/css">  
<!--  
#wrap{overflow:hidden;}  
#sidebar_left,#sidebar_right{padding-bottom:100000px;margin-bottom:-100000px;}  
-->  
</style></head>  

<body>  
<div id="wrap" style="width:300px; background:#FFFF00;">  
<div id="sidebar_left" style="float:left;width:100px; background:#FF0000;">Left</div>  
<div id="sidebar_mid" style="float:left;width:100px; background:#666;">  

</div>  
<div id="sidebar_right" style="float:right;width:100px; background:#0000FF;">Right</div>  
</div> 
</body>
</html>

如果你有更好的办法或者思路,请在评论中分享~

2964次阅读  标签:高度自适应,兼容
下一篇:暴风雨后的宁静!
上一篇:思淇关键词工具(V1.2)更新完毕

共30条评论

veqorxcji(1楼)-2014-4-26 10:39:04
审核中

mbt(2楼)-2014-5-19 18:23:25
审核中

www.dyman.lt(3楼)-2014-7-31 2:06:38
审核中

frontierscientists.com(4楼)-2014-8-2 6:27:19
审核中

2204(5楼)-2014-8-11 2:15:24
审核中

ニューバランス取り扱い店舗(6楼)-2014-11-2 22:05:34
审核中

Cialis(7楼)-2019-3-29 7:05:50
审核中

Ellchoice(8楼)-2020-4-24 11:54:13
审核中

发表评论

文章分类


友情链接