您当前的位置:首页--> 网页制作--> CSS技术应用--> 正文

小技巧:div+css高度自适应

来源: 录入时间:07-07-27 10:13:15

很简单,只需要加一句

overflow:hidden

但是发现出了一个问题,加上后,在 DW 的设计视图中布局乱了,虽然用浏览器浏览时是对的,也兼容各流行浏览器。想了好一会,终于想到了解决方法,很奇怪,网上找的资料中怎么就没提到这一方法?

解决方法为多用一个 div 。例如

这是一个 div:

#wrap {
margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; width:852px; overflow:hidden
}

拆分后,等于在 #wrap 内再嵌一个 div:

#wrap {
margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; width:852px
}
#wrap #wrapIn {
overflow:hidden
}

上一篇文章:
下一篇文章:


  把此文章收藏到: