2012-04-20 83 views
0

我想在內容框中放置小新聞箱,我希望他們能夠製作線條和圓柱,其中有多少......我不知道這取決於屏幕大小看多少。css在他們父親的內部發行浮動盒子

我已經創建了盒子,它是父親,但問題是,儘管它們像我想要的那樣向左飄浮(實際上這個想法已經完成了......),但是父親不會隨着他們形成行而增長。 列準備去... 但是在CSS unfortunalety垂直的東西總是很困難,我...

看,這是要實現「N」的消息框:

layout http://img689.imageshack.us/img689/8058/derpqr.jpg

在這裏我有現在的代碼中,紅色邊框僅僅是爲包裝identificacion ...

http://jsbin.com/orojik/3

+0

所以你想要紅色的邊框元素與內部盒子一起增長? – rlemon 2012-04-20 17:08:31

+0

可能的重複[如何清除我的浮動?](http://stackoverflow.com/questions/4969942/how-do-i-clear-my-floats) – sandeep 2012-04-20 17:16:57

回答

1

假設你正在試圖獲得容器與內容增長....

<div style="clear:both;"></div>應該只是內部內容之後,但在容器#cuerpo

see here請告訴我加入如果我用這個答案的方式...我會修改。 (我認爲這是你的問題??)

+0

對蹩腳的英國人感到抱歉。 是的,這是一個完美的答案,現在我有第二個答案給你我的朋友... 你能指出一些CSS3文學,我可以瞭解更多關於這個嗎?,我總是有這種事情的麻煩。 – 2012-04-20 18:51:44

+0

您可以隨時查看[tag wiki](http://stackoverflow.com/tags/css3/info)獲取更多信息。 – rlemon 2012-04-21 18:44:12

2

給人以ID在div =「cuerpo」 overflo w:隱藏;

http://gtwebdev.com/workshop/floats/enclosing-floats.php

+0

您的答案是正確的,但如果你解釋爲什麼會更好這發生&這不是一個好方法給出一個答案 – sandeep 2012-04-20 17:06:49

+0

@sandeep我給了一個鏈接引用,他們可以閱讀他們想要的。我的問題是他爲什麼來這裏而不是谷歌? – squarephoenix 2012-04-20 17:08:02

+0

這真的幫了我很多很多...... – 2012-04-20 18:45:32

0

你需要清除DIV

.clearfix:before, .clearfix:after { content:"\0020"; display:block; height:0; visibility:hidden; } .clearfix:after { clear:both; } 

添加CSS和和改變HTML

<div id="cuerpo" class="ui-widget-content clearfix"> 

如果您不能更改HTML做到這一點

加浮標末尾的班級

<div style="clear: both;"></div> 
+0

感謝您的答案... 現在我需要學習阿布清除財產...從未聽說過它。 – 2012-04-20 19:06:05