阅读量:3
混淆margin-top和padding-top:margin-top用于设定元素与其上方元素之间的距离,而padding-top用于设定元素内容与元素顶部边框之间的距离,容易混淆两者的作用。
忘记清除浮动:当一个元素浮动后,其上方的元素可能会无法正常排列,此时可以通过给上方元素添加margin-top来解决,但最好的解决办法是清除浮动。
使用百分比值时的误解:margin-top属性也可以使用百分比值,但百分比值是相对于包含块的宽度计算的,容易造成布局混乱。
不考虑外边距合并:当两个相邻元素具有相同方向的外边距时,它们的外边距会合并,具体表现为外边距取两者之间较大的值,容易引起布局问题。
忽略负值:margin-top属性也可以设置负值,用于将元素向上移动,但要谨慎使用,避免出现意外的布局效果。