盒子布局浮动定位
Posted ak522
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了盒子布局浮动定位相关的知识，希望对你有一定的参考价值。
1，布局页面的时候 大色块 小色块 小色块。。。 内容
2，布局：浮动 ，定位， 显示 ，盒子模型 ， 层级
3，浮动：float：left right
设一个父标签 设定宽高 ，里面随便浮，
超出部分：overflow：hidden scorll
overflow-x：
overflow-y：
盒子模型：
从里到外：内容->内边距->边框->外边框
对应样式： 内容->padding->border->margin
盒子模型的样式分上下左右：top right bottom left
border-left-width：1px；
border-left-style:solid
border-left-color:red
border-left:1px solid red;
border : 1px solie red
padding-left:10px
4，盒子自适应：box-sizing：border-box
margin 第一个子标签设置margin会作用到父标签
定位
绝对定位 相对定位
postion: fixed absolute relative
top left right bottom
fixed :相对定位窗口 通过上下左右调节
absolute :相对body定位
相对于最近的postion样式属性的父标签定位 到body为止
relative:相对自身定位 通常用来限制子标签的absolute 有自身定位 。通常用来微调
以上是关于盒子布局浮动定位的主要内容，如果未能解决你的问题，请参考以下文章