CSS边距重叠的解决方法
时间:2023-04-05 20:11:28
HTML5
**Css防止边距重叠的方法**今天整理了几种使用CSS防止边距重叠的方法。我们假设一组dom结构
通常情况下,如果为子元素设置margin,这个属性对父元素,但这不是我们想要的结果,我们只想在子元素上设置外边距,那怎么办呢?(1)为父元素设置边框。parent{width:300px;高度:300px;border:1pxsolid#ccc;}.child{width:200px;高度:200px;margin:20px;}(2)添加到父元素padding.parent{padding:1px;宽度:300px;高度:300px;}.child{宽度:200px;高度:200px;margin:20px;}(3)在子元素上方添加一个宽高的兄弟元素,记住Living是宽高的。