Question

一些基本的css-float问题，我自己无法解决，所以我会感激任何帮助。

我想要向左移动3个容器，向右移3个 - 这就是全部。容器的高度由其内容设定。

.float-left {
    float: left;
    margin-top: 26px;
    background-color: #6abe0f;
    width: 416px;
    color: #3e3e3e;
}
.float-right {
    float: right;
    margin-top: 26px;
    background-color: #6abe0f;
    width: 416px;
    color: #3e3e3e;
}

http://jsfiddle.net/hausmaster/TZhWy/5/

非常感谢！

Answer 1

尝试这一个，在每行中插入divider div

<div class="divider"></div>

.divider {
    width:832px;
    float:left;
    height:30px;
}

http://jsfiddle.net/TZhWy/7/

Answer 2

尝试.float-left { clear: left; }。

http://jsfiddle.net/TZhWy/6/

或者将它们放入行中，然后使用overflow:hidden;

<div class="row">
  <div class="float-left>I go left</div>
  <div class="float-right>I go right</div>
</div>

http://jsfiddle.net/TZhWy/8/

浮动DIV没有固定高度

2 个答案: