Question

哟。将div放在垂直方向上是有倾向的，但我现在想要完成的是基本上将一些div（两个）放在父div中，如下所示：

<div id='parent'><div id='onediv'></div> <div id='anotherone'></div> </div>

我想把'另一个'放在'onediv'的右边。可悲的是，浮动：右边几乎破坏了布局，div从他们的父div和诸如此类的东西中弹出。欢迎任何建议。

编辑：值得注意的是，父div和'anotherone'根本没有高度元素，'onediv'计划被认为是“高度支持”div，允许'anotherone'的内容父母div随意变大。

再次编辑：这是指定内容的CSS：

.parent
{
width: 90%;
margin: 0 auto;
border:solid black 1px;
}
.firstchild
    {
        width: 20%;
        margin: 5px;
        border: solid black 1px;
        height: 180px;
    }
.secondchild
    {
            width: 60%;
            border:solid black 1px;
            margin: 5px;
    }

Answer 1

试试这个：

<div id="parent">
    <div id="onediv" style="float:left;"></div>
    <div id="anotherone" style="float:left;"></div>
    <div style="clear:both;"></div>
</div>

Answer 2

你可以浮动两个内部div并给外部div一个溢出，以便它随着内部div增长。

示例：

#parent {
    overflow: hidden;
}
#parent div {
    width: 50%;
    float: left;
}

Answer 3

我认为这就是你想要的（注意DOM元素的重新排序）：

<div id="parent">
  <div id="anotherone"></div>
  <div id="onediv"></div>
</div>

/*CSS*/
#anotherone{
  float:right;
  width:50%;
}
#onediv{
  float:left;
  width:50%;
}

注意，如果这是你想要的，IE6仍然会搞砸它。 ; - ）

Answer 4

你当然需要指定一个宽度，如@ Kevin的答案所示，以获得你描述的布局，只需指定float left / right就不会有所需的效果。尝试指定宽度（以像素为单位）而不是百分比。如果失败或者如果那不适合你，我想你可能需要指定外部div的宽度（如果你愿意，可以通过css）。

Answer 5

#onediv { float: left; width: 50%; } #anotherone { float: right; width: 50%; }

Answer 6

只需使用<span>标记即可。它相当于除了它没有开始新的一行。

HTML / CSS Div放置

6 个答案: