clearfix

0熱度

1回答

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

0熱度

3回答

我如何覆蓋WordPress主題中的以前的樣式？

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

2熱度

1回答

與流體寬度內容嵌套clearfix

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

0熱度

1回答

Clearfix不能使用固定寬度的列

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

1熱度

1回答

重疊部分，部分內容超出本部分

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

0熱度

1回答

Clearfix不能在div中處理視頻

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

0熱度

1回答

100％高度div消失

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

0熱度

2回答

使div調整其高度絕對定位兒童

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

0熱度

1回答

Div在引導程序中沒有額外的clearfix時不會堆疊

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

0熱度

1回答

添加條件ngFor外部循環

我想添加類與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.