学习随笔----css盒子模型

在进行布局前需要把数据封装到一块一块的区域内

1.边框

border:2px(粗细) solid（线类型） blue（颜色）；

border:统一设置；

上 border-top；

下 border-bottom；

右 border-right

左  border-left

 

2.内边距

padding：20px;

使用padding统一设置

也可以分别设置上下左右四个内边距

3.外边距

margin：20px；

分别设置上下左右四个外边距

 

float漂浮类型

属性值：

left文本流向对象的右方

right文本流流向对象的左边

position：absolute；将文本从文档流中脱出

然后用top left bottom right进行绝对定位

#div22{
position:absolute;
top:200px;
left:200px；

}

position：absolute；和position：relative；区别：

absolute会把文件拖出，然后下面文件占用位置，而relative不会拖出仍保留位置