css-float

    2熱度

    1回答

    在我工作的網頁here,我有一個主要的div,並在主div和圖像div。粗略地說,重要的HTML是: <div id="wrapper"> <div id="main"> <div class="images"> <p>Content</p> <div class="clear"></div> </div> <p>Text.

    4熱度

    2回答

    我有一個「已清除」的<hr>標記,其頂部和底部都有邊距。但是,將兩個浮動元素作爲列之後,頂部邊距將被忽略,並且該線位於文本正下方。 CSS: hr { width: 100%; height: 1px; border: 1px; background-color: #d3d7cf; color: #d3d7cf; clear: both;

    0熱度

    2回答

    我有很多頁面,都有相同的div和相同的CSS應用於它們...但由於某些原因,這些頁面中有三個,容器只是漂浮在頁面左側? 它在Safari/FF中看起來很好,但在IE瀏覽器中,這些頁面只是浮動剩餘的div? 我認爲其他瀏覽器可能會補償這個錯誤,但IE不? 任何想法:(

    1熱度

    4回答

    下面是HTML: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <link rel="stylesheet" type="text/css" href="styles.css"/> <title></title> </head>

    17熱度

    9回答

    給定以下HTML。它顯示兩列:#left,#right。兩者都是固定的寬度,並有1px的邊界。寬度和邊框等於上方容器的尺寸:#wrap。 當我通過按Ctrl + - 列取得包裝(demo)縮小Firefox 3.5.2。 如何預防? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtm

    4熱度

    3回答

    我有一些奇怪的歌劇浮動行爲(IE瀏覽器的完全不同,但這是爲了以後)。 我正在將i圖標向右移動。它在Fx和WebKit上很好地工作,但是Opera將圖標向下移動一點。任何人都知道這是怎麼發生的? CSS: .dataRow { margin: 5px 0; clear:right; } .dataRow label{ display: block; flo

    7熱度

    5回答

    您可以強制容器DIV高度容納兩個浮動DIV兒童嗎?有一個我可以用來做到這一點的花哨技巧?我正在試圖在父div中創建兩個大小相同的div。我希望他們能夠在他們之間留下一點點空白並排出現。 Child2傾向於彈出並且在Child1下面。注意Child2包含一個表。我應該漂浮嗎? HTML: <div id="parent"> <div id="child1"></div> <div

    2熱度

    1回答

    我想通過將它們彼此之間浮動來對齊具有不同高度的2列的div塊列表。如果每個塊的大小是固定,他們自然會彼此疊放整齊,但是因爲這個涉及到不同的高度,對於那些高塊,相鄰塊將具有以下空白很多,之前與下一個塊回事。 然而,我注意到,這只是發生在一邊,如果塊向左浮動,那麼右邊的列塊會自動填寫任何空格,反之亦然。 但是我現在想尋求獲得流動性爲雙方的解決方案。 你可以看到我的意思here一個例子。 第二列的所有內

    1熱度

    3回答

    我在div中有兩個跨度。我想把它們排列在一起。我通過將它們左右移動來做到這一點。問題是這些跨度有不同的高度(當你點擊'更多選項'時,它們會向下滑動)。所以當它們的高度在運行時(通過滑動)改變時,它們不會壓下它們下面的元素。如果有一種方法可以將它們對齊而不會使它們浮動,那就行得通了。

    2熱度

    2回答

    我想知道清除浮動塊級元素的最佳元素是什麼? 現在,我主要用一個div或p元素來清除:both;應用。 你喜歡什麼樣的元素,或者像這樣做的「最佳實踐」是什麼?