浮动和保证金CSS

冬季风

我已经创建了五个不同的图像部分,就像您在jsfiddle中看到的那样显示,问题是我无法控制这些图像部分的空白。事实是,我试图在第1、2、3、4和5节之间添加一些空间,但是每当我添加边距时,该节都将拒绝移动。我尝试使用以下代码重置浮动广告:

clear:both;

float: none;

但没有成功。这些代码的结果就是该部分跳到了新行。

小提琴:https//jsfiddle.net/p0eaxkpz/

奥德塔

我发现了您的问题,您的代码中有一个错误:margin-left:0,5%;应该是margin-left:0.5%;

这是您更新的jsfiddle

我仅添加margin: 0; padding: 0;了所有元素,您可以看到它运行良好。基本上,您不需要使用<section>标签包装图像

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

浮动和非浮动div之间缺少保证金

来自分类Dev

浮动Div的Ghost上身保证金

来自分类Dev

负保证金突破浮动

来自分类Dev

在浮动div上添加保证金

来自分类Dev

非浮动元素的保证金问题

来自分类Dev

浮动Div的Ghost上身保证金

来自分类Dev

使用浮动时,保证金被忽略

来自分类Dev

CSS奇怪的保证金

来自分类Dev

CSS定位和CSS保证金之间的区别

来自分类Dev

什么是CSS中的保证金?

来自分类Dev

CSS保证金:自动不等

来自分类Dev

CSS)保证金不起作用

来自分类Dev

HTML / CSS网站保证金问题

来自分类Dev

头寸和保证金之间的差异

来自分类Dev

保证金崩溃和清算

来自分类Dev

保证金崩溃和清算

来自分类Dev

HTML5和CSS3自适应网站设计保证金问题

来自分类Dev

我什么时候使用中心和自动保证金?的CSS

来自分类Dev

为什么这种非浮动保证金会随着浮动而崩溃?

来自分类Dev

CSS-50%的保证金上限超过50%

来自分类Dev

CSS问题-Li正在获得未知的保证金?

来自分类Dev

父div中的css不需要的保证金

来自分类Dev

CSS卡翻转毛刺(填充?保证金?)

来自分类Dev

如何解决CSS中的保证金问题?

来自分类Dev

CSS“保证金:0自动”未居中

来自分类Dev

CSS的保证金权利不起作用

来自分类Dev

保证金CSS不会影响复选框元素

来自分类Dev

CSS应用代码中没有的保证金

来自分类Dev

最后div和最后一列的保证金