Question

我有以下代码：

<div "background-color:green">
    <div "float:left">something</div>
    <div "float:right:>something else</div>
<div>

为什么在这种情况下不会出现背景颜色？需要做些什么才能让它出现 {为了解而简化的代码，可能不是合适的语法}

Answer 1

你需要清除div。您可以在下面的元素上使用clear: both，但我经常发现这更容易：

<div style="background-color:green; overflow: hidden;">
    <div style="float:left;">something</div>
    <div style="float:right;">something else</div>
<div>

注意溢出：隐藏。

当然，它只适用于您不需要元素留下其包含元素的地方。

Answer 2

浮动物体从其包裹物中“抬起”。外部div的底部边缘不再延伸到其内容。

一个选项是添加一个带有clear的元素（clear取一个方向（left，right或both），并将其自身推到它将触及的浮点下方：< / p>

<div style="background-color: green">
    <div style="float: left">something</div>
    <div style="float: right">something else</div>
    <br style="clear: both;" />
<div>

Answer 3

您需要使用样式属性

<div style="background-color:green;">
    <div style="float:left;">something</div>
    <div style="float:right;">something else</div>
<div>

html浮动问题

3 个答案: