本篇内容主要讲解“css布局的方法有哪些”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“css布局的方法有哪些”吧!
设置元素的现实方式
display：block
默认宽度为父级元素宽度
可设置宽高
换行显示
display：inline
默认宽度为内容宽度
不可设置宽高
同行显示
display：inline-block
默认宽度为内容宽度
可以设置高宽
同行显示
整块换行，inline行间换行
默认标签有 表单标签
display：none
设置元素不显示
与visibility：hidden的区别
visibility：hidden仅仅隐藏元素不可见，但是后面元素不能占据他的位置。
块级元素水平居中
1 |
|
居中导航
<ul>
<li>导航</li>
</ul>
float:right
默认宽带为内容宽度
脱离文档流
向指定方向一直移动
float元素在同一文档流
float元素半脱离文档流（对元素，脱离文档流，对内容在文档流）
清除浮动
clearfix
.clearfix:after{content:".";display:block;clear:both;height:0; overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
到此，相信大家对“css布局的方法有哪些”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
