本文摘自PHP中文网,作者coldplay.xixi,侵删。
css设置元素高度自适应的方法是采用元素定位及padding的方式使特定元素高度自适应,代码为【position: relative;padding: 60px 0 0;】。
本教程操作环境:windows7系统、css3版,DELL G3电脑。
css设置元素高度自适应的方法:
可以采用元素定位 + padding 的方式使特定元素高度自适应。
css 样式:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
|
html:
1 2 3 4 5 6 7 8 |
|
效果如下:
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者