代码之家  ›  专栏  ›  技术社区  ›  Matthew Cox

浮动发行

css
  •  0
  • Matthew Cox  · 技术社区  · 15 年前

    --分区----------------

    |标签文本框|
    |标签文本框|
    |------------------- |

    这是我所拥有的。。。

    .personalInfo_Form
    {
    width:600px;
    margin: auto;
    padding: 20px;
    background-color: White;
    }
    
    .addressLabel
    {
    float: left;
    width: 140px;
    padding: 5px;
    text-align: right;
    }
    
    .addressField
    {
    float: left;
    padding: 5px;
    }
    

    在FireFox中查看的最终结果是行是偏移的,而不是统一的。我注意到指定div的一个非常特定的宽度可以改变position的结果,这是有意义的,因为它将强制执行浮动规则,即默认情况下项不能重叠,从而将它们放置在彼此下面。。。但是,我希望设计成Div的宽度不是内部元素定位的一个因素。

    为帮助干杯!

    1 回复  |  直到 15 年前
        1
  •  1
  •   zzzzBov    15 年前

    添加 clear: both; clear: left; .addressLabel 风格。您必须通过浮动包含的div或提供clearfix来确保div在浮动元素之外继续。