html - float div 内的 margin-top 和 margin-bottom 不起作用

标签 html css margin

对于 float div 中的某些元素,我遇到了 margin-top 和 margin-bottom 的问题。

这是一个向右浮动的列 div(我还有另外 2 个向左浮动的列 div)

演示在这里: http://jsfiddle.net/zTb3g/

我需要“ float ”来调整页面中的列,但 margin-top 和 margin-bottom 在某些元素(例如:b、label、a)中不起作用,但它对其他元素正常工作元素(例如:p,输入)。

我在标记的不同地方尝试了很多清除样式。希望有人能帮忙。

谢谢

最佳答案

您必须为元素设置 display:block。除此之外,当您将两个元素一个接一个地放置时,它们的边距会重叠。您可以考虑改为设置它们的填充。

关于html - float div 内的 margin-top 和 margin-bottom 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12549465/

相关文章:

jQuery 悬停下拉菜单不起作用

javascript - 为什么有些网站使用 GET 参数访问特定版本的 CSS 或 JavaScript 文件?

javascript - CSS 中的透明 UI 框

Python selenium 通过背景渐变查找元素

html - 绝对位置和 margin : auto

CSS 边框在页面收缩时不可见

jquery - 图像叠加层 "margin-top"无法正确显示不同的图像高度

javascript - 如何将 2 个 OpenLayer 标记动画添加到页面? Clickevent似乎被覆盖了

css - 有没有更快的方法在 IE7 中提供 ":before"和 ":after"选择器支持?

html - 两个div之间的垂直距离