关于清除外边距的问题
如何清除第三张和第六张图的margin-right以及下面三张图的margin-bottom?
相关截图:
相关代码:
.gallery .gallery-bot{
width: 1200px;
height: 613px;
padding: 20px;
margin: 0 auto;
background-color: orange;
}
.gallery .gallery-bot dl{
float: left;
margin-right: 40px;
margin-bottom: 30px;
}
尝试过的解决方式:
.gallery .gallery-bot dl:nth-child(3){
margin-right: 0;
}
.gallery .gallery-bot dl:last-child{
margin-right: 0;
}
请老师解答。
8
收起
正在回答
1回答
同学你好,像这种清除外边距的问题,同学尝试过的解决方式其实是比较常见的一种方式,通过序号选择器选中指定的元素,去除相应的外边距,参考代码:
还有一种比较常见的思路,就是给这些需要清除外边距的元素设置相应的class类名,比如:去除右边距的元素设置class为mr0,去除下边距的元素设置class为mb0,然后在css代码中设置相应的样式,如图
祝学习愉快!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星