首页前端开发CSScss高度自适应如何实现?

css高度自适应如何实现?

时间2024-05-21 00:48:03发布访客分类CSS浏览41
导读: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
美国小带宽vps 什么专业跟编程有关

游客 回复需填写必要信息