CSS-浮动

外边距和内填充

属性		描述
margin	aton 自动居中	外边距
top	上
right	右
bottom	下
left	左
padding		内填充
box-sizing	border-box	转换盒模型

标准盒模型:内容的宽+内填充的宽

怪异盒模型：内容的宽+内填充的宽+边框的宽

居中条件：

• 要有宽 转换display:
• margin:0 aton;

补充

属性	列	描述
opacity	0~1	这个盒子整体透明
cursor	pointer 手	鼠标变身
overfiow	auto 自适应加滚动	溢出隐藏
dispiay	none 隐层该元素

四.浮动

文档流 元素的布局

文本流 内容

浮动改变的文档流

float	left	左浮动，只脱离文档流
	right	右浮动，脱离文档流，也脱离文本流
clear	both	清除浮动

浮动危害

• 对自身，脱离文档流
• 对兄弟，改变布局
• 对父类，坍塌

解决危害：

• 给父类设置高，（不推荐）

• 在浮动元素后加一个空元素，设置属性clear:both

• 在父类设置css样式 overflow:hidden 溢出隐藏

• after伪类

  元素::after
    content: "";
    display: block;
    clear: both
  }