[WordPress] DIV の垂直方向に全体の内容をカバーしていません。

スポンサーリンク

Question

、ワードプレスのテーマを使用して Page Builder 1 つすることができますさまざまな要素を追加してのもの、例えば、見出し、コンテンツ ボックス、画像、動画、等のギャラリーでそれらを埋めると呼ばれるものを提供しています。さて、問題は (基本的には、ページ上のテキストの本体に含まれる何か) コンテンツ ボックスは通常のテキストで埋められて、それが [ok]。しかし WP プラグインのショート コードを追加するとき、プラグインの出力は、罰金のこの内容の背景を提供するはずである div.blog ボックスは実際には表示されません

2 つのスクリーン ショットの比較: 最初の 1 つはテキストのみ、2 つ目はプラグイン ショートの出力が含まれています

.blog-box {
padding: 10px 20px;
background: #fff;
margin-bottom: 20px;
position: relative;
max-width: 1170px;
background: #333333;}

これらは、div に適用されるスタイルです。誰もがこの行動の理由を見つける私を助けることができるか?

答え

オーバーフローを使用しようとすると: 隠し;

.blog-box {
padding: 10px 20px;
background: #fff;
margin-bottom: 20px;
position: relative;
max-width: 1170px;
background: #333333;
overflow:hidden;}

答え

あなたの説明に基づいて、あなたのプラグインの出力要素は CSS を浮動する必要がありますと思われる (すなわち、

float:left

)、のでそれ以外の場合

.blog-box

div のスタイルを共有しているその子の高さを撮影すべきください。その子要素を unfloating しようとそれが働くかを参照してください:

.child-element {
    float:none;
}

要素の CSS クラスを

child-element

に置き換えます

http://stackoverflow.com/questions/27731107/div-not-covering-whole-content-vertically

スポンサーリンク

Leave a Reply