clearfix

    1熱度

    4回答

    我正在處理一個簡單的佈局,需要一個頁眉,頁腳和主要內容之間。然而,有些東西正在擾亂我。如果我在標題http://www.reversl.net/before/下方包含圖片,那麼所有內容都正好位於我想要的位置。但是,如果我刪除圖像我的標題給自己從頁面頂部的邊緣,如下所示http://www.reversl.net/after/我猜它與我的浮動標題相關,它的浮動內容未被清除。但我已經包含了clearf

    1熱度

    3回答

    好的我正在重新爲我的客戶之一重新安裝一個網站,多年來我一直在做一些舊的東西,只要CSS發揮作用。我已經閱讀了一些內容,並發現了一種稱爲clearfix的方法,自從我閱讀後我一直想給它一個補丁。 現在,我給它一個鏡頭,我發現我的中心元素的方法是行不通的 通常我會居中margin:0 auto;但實施clearfix此不再有效。所以現在我正在尋找一種應用相同邏輯但在方程中保留clearfix的方法。我

    0熱度

    1回答

    我使用的是grid 960,無法使clearfix工作,但是如果我在元素上使用clear:both,那麼我可以得到想要的效果。我寧願使用clearfix,因爲我發現它更可靠(通常)。 在下面的代碼中,標題部分有一個左側徽標區域和一個右側橫幅區域,然後在下面應該是導航欄。 此導航欄是我遇到困難的元素。如果我將style="clear:both;"添加到nav元素,它工作正常。但是,如果我在標頭元素中

    31熱度

    4回答

    我很抱歉,因爲這看起來很簡單。 以下一個元素位於換行符的方式插入換行符的正確方法是什麼?似乎有些東西會自動執行此操作(例如`'中的<p>),但我看到下一個元素可能出現在最後一個元素旁邊的行爲。 HTML: <ul class="nav nav-tabs span2"> <li><a href="./index.html"><i class="icon-black icon-music">

    2熱度

    1回答

    我已經創建了一個HTML,可以找到http://temp87.web44.net/temp.html。 問題我面對的是頁腳底部有灰色條紋,頁面不佔用瀏覽器的100%。 CSS這是造成問題.. .clearfix:after { content: "."; //If this is commented out the page fits in perfectly, but the back

    1熱度

    1回答

    我想調整我的網站,並一直坐在電腦上太久,因此我不知道我的錯誤在哪裏。希望有人可以幫助一個有基本知識的人。 這裏是我的CSS: #body {float: left; width: 100%; min-height:100%;} #header-wrap, #slider-wrap, #content-wrap, #footer-wrap { float: left;

    81熱度

    3回答

    我見過div標籤使用clearfix類時,其子divs使用float屬性。該clearfix類看起來是這樣的: .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .clearfix { displa

    2熱度

    1回答

    清除一組浮標的最常見方式是在父母的:after僞元素上使用clear:both;。例如: .group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } * html .group { zoom: 1; } /* I

    0熱度

    1回答

    我有一個包含2個子元素的div。第一個div有通過jQuery動態添加的用戶交互內容。第二個是一個文本區域,其問題未包含在其父div中。 <div class="organizer_email_address">[email protected]</div>是在用戶選擇某些選項並點擊按鈕後通過jQuery添加的。 我嘗試了clearfix方法,但它不會導致父div完全包含第二個孩子。請看看,看看出

    2熱度

    1回答

    我有一個無序列表,每個列表元素包含一張照片和標題。我的CSS設置網格爲一個網格,其中每行包含三張照片。有時標題(或照片標題)比照片的寬度更長,並且必須跨越兩行。在某些情況下,當文本跨越2+行時,它下面的列表元素被推到右邊,列表中有一個很大的差距。唯一適用於我的修補程序是在每三個元素後添加以下HTML <div style="clear:both"></div>。這個問題可以在列表元素的第三行中看到