css - 如何修复浏览器之间 css 框模型的布局差异?

标签 css

我有一个带标题的两列布局。 Firefox View 在侧面有几个 px。在 IE 下没问题。我需要插入 div 以在标题和第一列的右侧创建填充。

最佳答案

我个人曾多次与类似的事情作斗争,所以我决定转而使用 Twitter Bootstrap .使用他们的类命名约定,我严重怀疑您还会遇到类似的专栏问题。您还将拥有适合移动设备的布局……只是一个想法!

这是使用 Twitter Bootstrap 时两列的示例。屏幕的整个宽度分为 12 段。按比例,第一列的宽度是第二列的两倍,数字总和(8 和 4)必须等于 12。您可以根据自己的需要调整它们。

<div class="col-md-8">.col-md-8</div>
<div class="col-md-4">.col-md-4</div>

关于css - 如何修复浏览器之间 css 框模型的布局差异?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22468830/

相关文章:

html - 悬停在其他元素上时停止元素的 move

css - 有没有办法为 <ul> 等全局元素覆盖或删除 blueprintjs 自定义样式?

javascript - 悬停时在相对标签内滚动绝对图像

php - ul li 限制结果并在悬停时显示更多

javascript - 如何防止某个元素的文本被复制到剪贴板?

即使宽度为 :100%,HTML 标记也不会用 css 填充屏幕宽度

jquery - 这是什么效果,如何制作? (淡入导航栏和滚动元素)

html - 删除标签元素周围的填充/边距

jquery - 如何获取嵌套的 jQuery 选择器

javascript - 如何为我的 Draft JS Editor 边框提供焦点效果?