CSS布局模型
2017-06-02 20:36
281 查看
流动模型
块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,在默认状态太,块状元素的宽度都是100%内联元素都会在所处的包含元素内从左向右水平分布显示
浮动模型
float:left / float:right层模型
绝对定位(position:absolute)
作用是将元素从对象流中拖出来,然后使用 left、right、top、bottom 属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块,则相对于 body 元素,即浏览器窗口进行定位。相对定位(position:relative)
相对定位完成的过程是首先按 static(float) 方式生成一个元素(并且元素像层一样浮动了起来),然后相对于以前的位置移动,移动的方向和幅度由 left、right、top、bottom 属性确定,偏移前的位置保留不动。固定定位(position:fixed)
表示固定定位,与 absolute 定位类型类似,但它的相对移动的坐标是视图(屏幕内的网页窗口)本身。相关文章推荐
- 盒子模型 标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型
- 一篇读懂CSS布局模型
- CSS——NO.7(布局模型)
- CSS基础之布局模型
- css3盒模型和弹性布局的相关属性
- css布局模型
- CSS3盒模型box-sizing属性详解,布局更方便
- CSS布局模型(一)——流动模型
- css布局之盒模型
- CSS布局(三) 布局模型
- CSS布局模型
- 复习css布局模型
- CSS布局模型
- css的布局模型(一)—-流动模型
- CSS布局之流动模型&&margin负值和百分比
- 解释一下你对盒模型的理解,以及如何在 CSS 中告诉浏览器使用不同的盒模型来渲染你的布局。
- CSS学习之布局模型
- CSS元素分类与布局模型
- css布局模型
- css布局模型