0

私は2つのdiv用にこのCSSを持っています:

#homepage-twitter {
    width:28%;
    height:500px;
    overflow:hidden;
    display:inline;
    float:right;
}
#homepage-blog-posts {
    width:70%;
    height:500px;
    display:inline;
    float:left;
    margin-right:10px;
    border-right:1px solid black;
}

@media screen and (max-width: 1250px) {
    #homepage-blog-posts {
        width:100%;
        border-right:0;
    }
    #homepage-twitter {
        display:block;
        width:100%;
        border:1px solid #F36F25;
    }
}

ここに、完全な html および css コードのフィドルがあります: http://jsfiddle.net/Gb8Fr/

画面を可能な限り広くすると、div は互いにインラインになりますが、画面が小さくなると (メディアクエリを使用して)、div は上下に移動しますが、それらの間にスペースを保つことができず、重なり合う

どうすれば彼らがこれをやめさせることができますか?

4

1 に答える 1

3

を削除するheight: 500pxかhomepage-blog-posts 、追加overflow: hiddenします。必要に応じて、メディア クエリ プロパティの一部として削除できます。

于 2013-10-28T15:12:18.377 に答える