CSS 一些有用的知识点

hassen2010

于 2017-07-01 23:16:21 发布

阅读量230

点赞数

CC 4.0 BY-SA版权

文章标签：块级元素行内元素盒子模型

本文为博主原创文章，未经博主允许不得转载，如有技术需要联系[email protected]!

本文介绍了CSS布局中的关键技巧，包括如何使用margin实现div水平居中、解决盒子模型中宽度计算问题的方法、float与clear属性在布局中的应用以及利用overflow清除浮动的方式。此外还探讨了display属性设置为inline-block的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

div的宽度设定后. margin可以用auto.来水平居中.

div设定宽度后,因为内边距 padding 与边框 border 会增加.div的整体宽度. 解决办法是盒子模型

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

float是与postion两种不同的布局办法

float可以解决文字环绕的问题.

clear 被用于控制浮动.清除浮动.

overflow: auto 清楚浮动的办法

display:inline-block 就是让div在一行显示.变成一个行快级元素.