css高度自适应如何实现?
导读:PS:css宽度自适应的介绍内容,可以看这篇文章:css自适应布局:css宽度自适应如何实现? 首先,我们刚开始设计某些网页板块时,总会给其一个height高度值,让它刚好适合内容大小。 我们来看一个具体的实例代码。...
PS:css宽度自适应的介绍内容,可以看这篇文章:css自适应布局:css宽度自适应如何实现?
首先,我们刚开始设计某些网页板块时,总会给其一个height高度值,让它刚好适合内容大小。
我们来看一个具体的实例代码。
Title
.con{
height:100px;
width:400px;
background-color:#9fcdff;
color:black;
}
php中文网
php中文网
php中文网
这就是所谓的高度不适应,也就是css高度无法根据内容实现自适应,那我们如何来实现css高度根据内容自适应呢? 其实很简单,这里我们只需要把height属性去掉,给它一个padding-bottom的值。那么,css高度就会根据内容来实现自适应。 padding-bottom属性设置元素的下内边距(底部空白)。 我们来看一下具体的高度自适应实现代码: Title .con{ padding-bottom:1cm; width:400px; background-color:red; color:black; }
php中文网
php中文网
php中文网
php中文网
php中文网
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css高度自适应如何实现?
本文地址: https://pptw.com/jishu/664517.html