关于清除外边距的问题

关于清除外边距的问题

如何清除第三张和第六张图的margin-right以及下面三张图的margin-bottom?

相关截图:

http://img1.sycdn.imooc.com//climg/611d2cbc090d208815630827.jpg

相关代码:

.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;
}

​请老师解答。


正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,像这种清除外边距的问题,同学尝试过的解决方式其实是比较常见的一种方式,通过序号选择器选中指定的元素,去除相应的外边距,参考代码:

http://img1.sycdn.imooc.com//climg/611dc1a009fd5c5906360309.jpg

还有一种比较常见的思路,就是给这些需要清除外边距的元素设置相应的class类名,比如:去除右边距的元素设置class为mr0,去除下边距的元素设置class为mb0,然后在css代码中设置相应的样式,如图

http://img1.sycdn.imooc.com//climg/611dc2e609ae066206970755.jpg

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师