clearfix

    1熱度

    2回答

    。但是,當我把一個明確的div:在這個段落之前的兩個屬性看起來工作。 忍受我fiddle,請。 我用紫色的背景來表示我從nettuts中學到的圖像替換技術。 的clearfix部分是一個名爲「組」類,該CSS是在底部。 另外,如果我刪除display:block;從h1 > a佈局打破這樣一個跟進的問題是,我應該什麼浮動元素,我應該在哪裏應用clearfix。

    0熱度

    1回答

    我一直在將一個div應用於clearfix時遇到了麻煩,我跟隨了幾個教程,發現here和here,但我的名爲Bar的div仍然不能展開以保存徽標和導航div。 這是我的標記,任何和所有的意見將不勝感激。 我已經讓div有一些奇怪的顏色來幫助看看它們在哪裏結束,並幫助嘗試看看究竟發生了什麼。 <div id="bar" class="group"> <div id="nav">

    5熱度

    3回答

    大多數clearfix技術都涉及到在父容器底部添加東西,而我更喜歡僞元素方法,因爲它沒有將不需要的元素添加到HTML中。 但是,最近我發現我正在處理一個有一些兒童浮動但不是全部的容器。假設前兩個孩子第一個漂浮在左邊,第二個漂浮在右邊。我需要一種方法來清除第二個元素後面的浮點,所以下面的內容不會被擠在它們之間。有沒有辦法清除中間浮動元素,但不添加clearfix元素? 下面是一個例子: HTML <

    0熱度

    1回答

    我創建了我的第一個真正的響應式佈局,並遇到了與css & clearfix有關的困難。我做了一個JS小提琴(http://jsfiddle.net/brandrally/GFXP9/1/),演示了我創建的代碼的問題。 基本上我只是想讓'1號線'和'2號線'站在彼此下面沒有空間。我打算在.line div裏放置不少div,爲什麼我認爲我需要修復它們。 CSS div#content {max-wid

    -1熱度

    2回答

    我正在對父項(ul)應用清除修復,但它不起作用 當設置display:block;到一個,然後清除修復工程,但爲什麼? 在here HTML <nav> <ul class="hmenu main-menu group"> <li><a href="#" class="active">home</a> <li><a href="#">services</a> <li

    1熱度

    2回答

    我試圖調整一個名爲Pytheas的現有Wordpress主題(快速瀏覽其功能,請訪問this page)。這是一個面向投資組合的WP主題。主頁設有幻燈片。 我的目標是用嵌入式Prezi演示文稿替換幻燈片。 主頁元素是(從上到下移動):標題,菜單,幻燈片,標語,突出顯示,帖子。但是,主頁是一個奇怪的小東西。它省略了您可能已輸入編輯窗口的任何內容(而只使用已上傳到其他儀表板部分的圖像)。 我有確認 P

    0熱度

    1回答

    目前我有一個網頁的背景圖像大小的封面。我想在這個div中有2個div,100%的高度。這些div需要有響應。我需要左邊的div有一個圖像坐在底部。我使用的主容器clearfix但是類PIC仍然上升到容器1 HTML <div class="main-container1 clearfix"> </div> <div class="main-container2 clearfix"> <di

    0熱度

    2回答

    我使用這個類的css clearfix在一個計算寬度爲0,但有寬度x的內容的div。 .clearfix { *zoom: 1; &:before, &:after { display: table; content: ""; } &:after { clear: both; } } 正在發生的事情是,在鍍鉻後,我使用這個類,在div需要其內容的寬度

    -2熱度

    2回答

    我想創建一個塊式主導航的css功能區,但功能區的右側三角形不起作用,當我包含「display:table; 「或「顯示:塊;」在Clearfix中。自然,當我刪除Clearfix時,功能區正常工作,但換行消失。讓Ribbon能夠工作 - 並且 - 使用Clearfix來保持摺疊狀態是非常好的。任何提示將非常感謝! 原代碼,我根據我的可以在這裏找到工作的圖像:http://jsfiddle.net/

    0熱度

    1回答

    我不知道爲什麼我無法在我的頁面中創建清除浮動方法。如果我使用經典的<div class="clearfix"></div>這沒有任何問題,但嘗試使用更多的語義解決方案似乎沒有工作。下面的代碼我有: .clear:before, .clear:after { content: " "; display: table; } .clear:after { clear: both;