css中高度不适应一般解决方法

高度不适应是当内层对象的高度发生变化时外层高度不能自动进行调节,特别是当内层对象使用 margin 或 paddign 时。

 例: <divid="box"> <p>p对象中的内容</p> </div> 

CSS:#box{background-color:#eee;} #boxp{margin-top:20px;margin-bottom:20px;text-align:center;} 

解决方法:在 P 对象上下各加 2 个空的 div 对象 CSS 代码:.1{height:0px;overflow:hidden;} 或者为 DIV 加上 border 属性。

猜你喜欢

转载自blog.csdn.net/qq_21524651/article/details/80575479