代码之家  ›  专栏  ›  技术社区  ›  fabrik

奇怪的Firefox溢出/浮动行为

  •  3
  • fabrik  · 技术社区  · 14 年前

    我有一个 simple layout 它在Chrome、Safari甚至Opera(OS X)中也能正常工作。让我吃惊的是火狐。(也就是说,胜利还没有经过测试)。

    问题是 fieldset.ownerbox 不会漂浮在火狐中。(饼图下方的两个半透明字段集)

    此处应用的CSS规则:

    #owners {
    position: relative;
    width: 940px;
    left: 0px;
    margin-left: 0px;
    z-index: 1;
    top: -240px;
    font-size: 16px;
    }
    .ownerbox {
    width: 310px;
    height: 150px;
    padding: 10px;
    margin-right: 20px;
    float: left;
    background: rgba(255,255,255,0.5);
    color: #000;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    }
    .ownerbox.large {
    width: 500px;
    padding: 0px 10px 20px 10px;
    }
    

    请帮忙,我的方法怎么了?

    1 回复  |  直到 14 年前
        1
  •  2
  •   meder omuraliev    14 年前

    重新调整宽度,以便考虑填充。你可以 overflow-x:hidden; #owners 看看它看起来如何“被包容”。

    或者调整所有者的宽度。

    编辑:看来你只需要 clear:both 业主 .