2012-01-15 76 views
2

我與液浮格面臨的問題是,我寫這一段代碼:CSS浮動按鈕跳出包裝師

CodePiece1

,但每當我嘗試添加的類別;對」,即使得它漂浮到右邊,它跳出包裝div的按鈕

CodePiece2

我怎能左側浮動按鈕包裝DIV裏面而不是它被淘汰的包裝股利作爲的情況第二個代碼。

回答

4

添加overflow: hidden#buttonWrapper

的jsfiddle:http://jsfiddle.net/9Ecq2/8/

+0

謝謝lot.Can你也請解釋一下。 – deXter 2012-01-15 16:46:24

+1

浮動元素沒有固定位置,所以父元素可能不確定如何處理它們。將overflow設置爲hidden會強制元素計算出它的大小,因此包括浮動子元素的位置,修復您的問題 – SmokeyPHP 2012-01-15 16:48:07

+2

@deXter下面是一個StackOverflow答案,它比我以前的版本更好地解釋它:http:// stackoverflow。 com/a/3416217/681807 – 2012-01-15 16:51:30

2

添加的樣式:

overflow:hidden; 

到#buttonWrapper或#updateWrapper

+0

啊對不起,我說的不對元素 - 看到更新的答案 – SmokeyPHP 2012-01-15 16:45:36