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

本文介绍了在网页布局中遇到的高度不适应问题及其解决方案。当内层元素高度变化时,外层元素高度无法自动调整,特别是在使用了内边距或外边距的情况下。文章提供了两种解决方法:一种是在内层元素上方和下方添加空的 div 并设置特定 CSS 属性;另一种是直接为外层 div 添加边框。

高度不适应是当内层对象的高度发生变化时外层高度不能自动进行调节,特别是当内层对象使用 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 属性。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值