浮动使得股利不是围绕孩子

以下HTML ...浮动使得股利不是围绕孩子

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
</head> 
<body> 
    <div style="border: 1px solid blue;"> 
     <div style="float: left;"> 
      Expected NPV</div> 
    </div> 
</body> 
</html>

...呈现蓝色边框和孩子DIV里面父DIV。但是，float：left;指令使得父母不用边界包围孩子（这是我的愿望）。

有没有办法让这种情况发生w/out删除浮动：左？

我把HTML解释成一个非常简单的例子来说明基本问题。我意识到float：left;在这个例子中是荒谬的，但它是从原始的HTML中需要的。我可以发布，如果它会更有帮助。

来源

2010-10-22 John Livermore

麻烦是没有上下文我们不能分辨浮动是否合适 - 显示：内联可能更适合我们所知道的。 – annakata 2010-10-22 12:14:07

，您可以给父母一个overflow把孩子的身高进去，就像这样：

<div style="border: 1px solid blue; overflow: auto;"> 
    <div style="float: left;"> 
     Expected NPV</div> 
</div>

You can test it here。有关详细解释，请参阅check out the excellent write-up on quirksmode.org。请注意，overflow: hidden也适用于此，you can test that version here。

来源

2010-10-22 12:14:52

完美。谢谢！ – 2010-10-22 12:23:08

@John - 欢迎:) – 2010-10-22 12:23:58

使用overflow:auto;例如。在容器上。

类似的问题：Floating image to the left changes container div's height

来源

2010-10-22 12:14:19 MatTheCat

浮动使得股利不是围绕孩子

回答

相关问题