css - 如何修复这些边距?仅在 Firefox 中工作正常

标签 css position css-float

我在该页面的浏览器(Firefox 除外)中遇到边距问题:

http://jumpthru.net/newsite/commentary/

这是 CSS:

#container3 {
    float: right;
    margin: 0 -240px;
    width: 100%;
}

#content3 {
    margin: 0 210px 0 -45px;
    width:500px;
}

#primary, #secondary {
    left:920px;
    overflow: hidden;
    padding-top: 40px;
    position:absolute;
    width: 220px;

}

最佳答案

构建页面的一种奇怪方式.. 我建议您在 main2.. 中创建一个 2 列布局 左边是菜单,右边是评论标题,下面是内容和最近的评论部分。

然后,开始使用 clearfix:http://www.positioniseverything.net/easyclearing.html

关于css - 如何修复这些边距?仅在 Firefox 中工作正常,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6187502/

相关文章:

html - CSS Hover 不能正常工作

css - IE7 : Item doesn't float

html - 在 div 中 float 列表的问题

html - 多个内容 : attr() values

javascript - 在由 javascript 加载的图像上添加文本

java - 获取 JTextArea 中插入符位置的 XY 位置

jQuery .position().left 和变量

css - 如何在多列中 float div?没有 "left, center, right"div 标签

javascript - 根据事件选项卡更改文本颜色

jquery offset() 和position()