盒子布局浮动定位

标签：top   边框   第一个   自适应   margin   box   上下左右   absolute   上下   

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　　　　有自身定位 。通常用来微调

盒子布局浮动定位

标签：top   边框   第一个   自适应   margin   box   上下左右   absolute   上下   

原文地址：https://www.cnblogs.com/ak522/p/9311903.html