秒懂css布局

小技巧知识整合，小白们的福利

设置元素的现实方式

display：block

默认宽度为父级元素宽度

可设置宽高

换行显示

display：inline

默认宽度为内容宽度

不可设置宽高

同行显示

display：inline-block

默认宽度为内容宽度

可以设置高宽

同行显示

整块换行，inline行间换行

默认标签有 表单标签

display：none

设置元素不显示

与visibility：hidden的区别

visibility：hidden仅仅隐藏元素不可见，但是后面元素不能占据他的位置。

块级元素水平居中

1

.content{ margin:auto; with:990px; }

居中导航

• 导航

float:right

默认宽带为内容宽度

脱离文档流

向指定方向一直移动

float元素在同一文档流

float元素半脱离文档流（对元素，脱离文档流，对内容在文档流）

清除浮动

clearfix

.clearfix:after{ content:"."; display:block; clear:both; height:0; overflow:hidden; visibility:hidden; }

.clearfix{ zoom:1; }

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！