margin-bottom不适用于div

时间:2014-08-08 00:20:26

标签: html css floating margins

有人可以帮我弄清楚为什么我的移动视图媒体查询中的边距底部规则无效吗?

我甚至添加了一个类来清除名为.clearer的浮点数,但这也不起作用。我想要的只是左侧图像在移动视图上的下方有30px的边距。

以下是页面... http://www.haveaseatrentals.com/seat-yourself/

来自移动视图的媒体查询的CSS规则以及我用来清除浮动的规则......

#seatYourselfLeft {margin-bottom: 30px; }
.clearer{clear:both; width:100%; height:0; display: block;}

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:6)

将图片容器的CSS更改为display: inline-block;而不是display: inline;

之前已经提出过这个问题,并且已在此处回答:https://stackoverflow.com/a/8782644/3781678