1.给两个没有设置浮动的元素都设置了margin值,margin值会重叠;
给两个设置浮动的元素都设置了margin值,margin值不会重叠;
2.给子元素设置margin-top时,会影响父元素跟着一起向下移动
解决:(1)给父元素设置border
(2)给父元素设置overflow:hidden
(3)给父元素或子元素设置浮动
3.margin可以设置负值
4.margin:0 auto;
5.padding/margin-left/right/bottom/left:设置百分比时,会基于父元素的宽度进行计算;
6.行内元素使用margin/padding显示都有问题;
7.overflow:visible默认值,表示内容溢出可以正常显示;
hidden隐藏,内容溢出不显示会被隐藏
scroll滚动条,内容溢出会显示滚动条
auto自动,根据内容是否溢出,来决定是否显示滚动条
8.解决高度塌陷的第二种方式:给父元素添加overflow:hidden
9.white-space:设置如何处理元素内的空白;(实现单行文本显示省略号时会加这个属性)
10.text-overflow:设置单行文本溢出是否显示省略号,(实现单行文本显示省略号时会加这个属性)