Css浮动问题

http://jsfiddle.net/55Ruh/9/。即使我输入文字，红框也不会变大。Css浮动问题

<div class="box" style="background: red"> 
    <div class="lefty">Text</div> 
    <div class="righty">Text</div> 
</div>  

.box { 
    background: red; 
    width: 229px; 
    color: white; 
} 

.lefty { 
    float: left; 
} 

.righty { 
    float: right; 
}

来源

2011-04-29 good_evening

如果您希望任何人付出努力来回答问题，您将不得不多加努力地解决您的问题。 – 2011-04-29 22:31:30

也许在两个浮动div之后添加一个
？你想达到什么目的？ – 2011-04-29 22:32:36

@Byron Whitlock：恩，我发布了jsFiddle，我认为这就够了，我很抱歉。 – 2011-04-29 22:34:23

http://jsfiddle.net/55Ruh/10/

浮动引起走出文档流的元素。

父元素：当它只是漂浮内

http://jsfiddle.net/apDU6/

来源

2011-04-29 22:31:50 PeeHaa

omg，它的作品！非常感谢你。 – 2011-04-29 22:32:45

@hey：没问题。这个问题有几种解决方案。其中之一是Atul Dravid的评论，但这是最干净的。最好的工作之一（我还没有找到更好的修复:)）。 – PeeHaa 2011-04-29 22:34:31

你可以用一个 “交换” 分区解决这个问题，一个典型的方法。你需要清除它，扩展它：

<div class="box" style="background: red"> 
    <div class="lefty">Text</div> 
    <div class="righty">Text</div> 
    <div class="clear"/> 
</div>  

.box { 
    background: red; 
    width: 229px; 
    color: white; 
} 

.lefty { 
    float: left; 
} 

.righty { 
    float: right; 
} 

.clear { 
    clear: both; 
}

来源

2011-04-29 22:34:06 Jon

容器collapese：

zoom: 1; /* IE fix */ 
overflow: hidden;

来源

2011-04-29 22:37:41 Aleadam

您可以使用PeeHaa建议的解决方案它的伎俩

但我的经验，你可以简单地设置容器元素的飞越自动

它也有诀窍

来源

2011-04-29 23:59:41

“溢出：自动”或“溢出：隐藏”。他们都是这样做的。但是在某些情况下，你会发现'overflow：auto'会导致滚动条出现。而zoom：1是一个IE修复。 – PeeHaa 2011-04-30 00:46:43

惊人的是正确的，是溢出导致滚动条，所以我用ie6和7边缘玩耍，使其适合，但这是一个伟大的伎俩，感谢信息 – 2011-04-30 10:47:34

回答

相关问题