css - div 元素有边距

标签 css html margin

我已经构建了一个内容 div,另外三个 div 具有

display:inline-block;

属性。其中一个包含另一个 div 元素,该元素具有一些音频控件。右边的 div 边距真的很大! Chrome 和 Firefox 不显示任何边距或填充。如果我删除#music 元素,一切都会好起来的。

Here is a live demo

感谢帮助

最佳答案

因为您使用的是 display: inline-block; 定义,所以默认情况下您的内容与 baseline 垂直对齐。

将此应用于您的 .frames 类:

vertical-align: top;

问题解决了。 ;)

关于css - div 元素有边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28766232/

相关文章:

html - 将 div 置于其他 div 之后 - 填充和边距不起作用

html - 无限两列 div 网格

asp.net - 如何在 ASP.NET 应用程序中使用 CSS

css - 位于固定元素内的 100% 高度 div?

android - 网页未显示在 android apk 上

javascript - 使用动态 id 在动态 'div' 中附加动态 'div' s

html - Angular Material 日期选择器不会在模式对话框中打开

html - 更改焦点上文本输入的填充/边距会导致 parentdiv 流出?

css - CSS 中的百分比 : How are they calculated internally?

CSS - 中心搜索表单