clearfix

    0熱度

    1回答

    目前,我有一個包含大量內容的clearfix。我在左邊有幾組圖像,右邊有<hr />。唯一的問題是,有時我沒有足夠的文本來平衡圖像,所以<hr />與圖像內嵌。我需要所有的<hr />免費的clearfix,這是可能的嗎? 這是我clearfix: .clearfix::after { content: ""; clear: both; display: table;

    0熱度

    3回答

    好吧,這是我想要的造型使用 .suggestion-taxonomies-product-visibility span { display: inline-block; float: left; padding-left: 10px; } 通常這裏提到的元素似乎沒有工作,任何想法?如果需要,我可以指定更多。我是新手,並不擅長指定我的問題! 謝謝

    2熱度

    1回答

    考慮這種情況: 有一個與流體寬度內容的佈局,並漂浮在正確的固定側欄。所述佈局的容器正在使用clearfix來清除右邊的浮動內容 在內容塊中還有另一個塊正在執行相同的操作。該第二塊擴展到側欄的高度,直到完全離開側邊欄的浮動與它的:after { clear: both } 演示: https://jsfiddle.net/pv6e93px/1/ 實施例的HTML: <section class="l

    0熱度

    1回答

    我是Bootstrap的新手,我遇到clearfix問題。我試圖設計一個網站,其中包含3個內容欄(高度可變)和一個固定寬度的第4欄用於廣告。 <div class="container-fluid"> <!-- ad column with fixed width 300px --> <div class="col-fixed-width"></div> <!--

    1熱度

    1回答

    我有問題:第一部分 - 頭部是附件固定的,當我縮小瀏覽器窗口時,背景只覆蓋該部分的一小部分,剩下的內容是在另一部分之下,或完全不在背景之下。正如你將會看到的,只有打開這個頁面到全屏才能解決問題,這些部分看起來是正確的。相比之下,減小窗口會導致該部分崩潰並跳過另一個。原因可能是缺少明確的問題,還是問題是由於每個部分缺乏定位? https://codepen.io/tubaris/pen/YQQewB

    0熱度

    1回答

    我嘗試了很多不同類型的clearfixes,但都沒有工作。我正在嘗試製作一個全寬視頻標題,其中包含文本,但您也可以向下滾動。這是我有: HTML: <div> <div style="width: 100%; position: relative;" class="video-container clearfix"> <video autoplay loop style="w

    0熱度

    1回答

    我正在嘗試一種包含內容框外側陰影的液體網頁設計。 該卡都可以在這裏看到:http://mikesidelka.com/2/ 所以我試圖做到這一點,通過具有內容爲包含分區之一,並在一個單獨的陰影。這似乎是正確的,除了當窗口收縮超過定義的最小寬度時。 陰影包含在設置爲100%寬度和高度的div容器中,最小寬度爲882px(700px最小寬度的內容加上兩個陰影設置爲91px最小寬度)。左邊和右邊的陰影在

    0熱度

    2回答

    我有一個div元素(默認定位)包含和h1和一個鏈接,它們都有絕對定位。自然,div元素高度崩潰。我如何讓div元素調整到它的兩個孩子的身高? 我已經嘗試過標準的clearfixes,將溢出設置爲auto,並將div的位置設置爲relative(這是我發現的另一個帖子的建議),但沒有一個能夠工作。 我做了一個jsfiddle,說明我的問題。 HTML代碼: <div> <h1>the di

    0熱度

    1回答

    我對引導程序比較陌生,並創建了第一個帶有大的jumbotron和3個水平對齊列的主頁面。全部包括下面的一個圖像和文字。看到這裏代碼: <div class="jumbotron jumbotron-billboard"> <div class="img"> </div> <div class="container"> <div class="content">

    0熱度

    1回答

    我想添加類與clearfix的div,但我需要將其添加到循環外。有什麼辦法來實現這一點? <div class="row"> <div class="col-xs-12 col-md-3 item" *ngFor="let item of items; let i = index;"> <div class="header"> <img src="{{item.