divの高さを手動で

Question

ここで設定されたページですされている場合重なっ

.other-stories { 
    height: 65%; 
} 
@media screen and (min-width: 768px) { 
    .other-stories { 
    height: 89%; 
    } 
} 

上記のコードを削除しても、divは重複しません。 Firefoxでうまく動作するためには、 "other-stories" divの手動で設定された高さがそこにとどまる必要があることを考慮して、ここでの回避策は何ですか？

Answer 1

フロートをフッターやその他のストーリーに設定します。

.other-stories { 
    height: 65%; 
    float:left; 
} 
@media screen and (min-width: 768px) { 
    .other-stories { 
    height: 89%; 
    float:left; 
    } 
} 

Answer 2

あなた<div class="other-stories">で<div> sがdiv要素自体の外にあふれているので、重複しています。

なぜ固定機能の高さがother-storiesになるのですか？また、高さ％sを使用している特別な理由がありますか？

Answer 3

フレックスは少しトリッキーです。私はすべてを変更し、フレックス表示を削除し、ブートストラップグリッドを使用することを提案します。あなたは知っていますか？