这篇文章主要介绍了css如何实现多列布局,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
css多列布局
<divclass="parent"> <divclass="left"> <p>left</p> </div> <divclass="right"> <p>right</p> <p>right</p> </div> </div>
左边定宽,右边自适应
float+margin .left{ width:100px; float:left; } .right{ margin-left:120px; } float+overflow /*和1方法表现的效果一样*/ .left{ width:100px; float:left; } .right{ margin-left:20px; overflow:hidden; } table .parent{ display:table; width:100%; table-layout:fixed; } .left,.right{ display:table-cell; } .left{ width:100px; padding-right:20px; }
感谢你能够认真阅读完这篇文章,希望小编分享的“css如何实现多列布局”这篇文章对大家有帮助,同时也希望大家多多支持恰卡编程网,关注恰卡编程网行业资讯频道,更多相关知识等着你来学习!
CSS中如何让auto height支持过渡动画
css语言的概念是什么
css语言的概念是什么这篇文章主要讲解了“css语言的概念是什么”...
php 压缩CSS代码
PHP工程师需要掌握什么技能?
泰牛韩顺平PHP四大模块实战开发教程全集网盘下载
css中的margin-right怎么设置
css元素浮动所需注意的事项有哪些
引入css样式使用的标签是哪个
css复合选择器有哪几种
css样式表由什么组成
用户名
密码
记住登录状态 忘记密码?
邮箱
确认密码
我已阅读并同意 用户协议