CSS 基本概念

最新推荐文章于 2024-09-19 15:48:13 发布

最新推荐文章于 2024-09-19 15:48:13 发布 · 126 阅读

文章标签：

#CSS #IE #浏览器

默认类别专栏收录该内容

11 篇文章

订阅专栏

本文详细介绍了CSS盒子模型的各个组成部分，包括margin、border、padding及其在不同浏览器中的表现差异。探讨了IE与其他浏览器在width计算上的区别，并讲解了元素定位方式（如相对定位和绝对定位）及浮动属性的应用。

框子的定义
margin 在最外面
border 在中间
padding 在框的立面
最里面是正文。
IE 中 width border里面的总宽度
其他浏览器 width border是出去padding的长度。

叠加：
margin 会相互叠加
如果没有border 和padding 那么外部容器和内部容器的空白边也会叠加

定位
普通流定位：该咋样就咋样。
相对定位： position:relative 相对于普通流定位的位置移动。
绝对定位： position：absolute 相对于已经定位了的祖先元素移动位置
浮动：float ：left 。。。。。左右的浮动

最后clear：迫使容器元素包含浮动元素