2

最初の 4 つの画像の隣に 5 番目以降の画像を配置するにはどうすればよいですか? これにはどのような CSS スタイル ルールが必要ですか? 現時点では、左に浮かぶ div があります:

div#leftcontainer {
    float: left;
    height: 30%;
    width: 100%;
}

これには、それぞれ 4 つの画像を含む 2 つの div が含まれます。2番目のものにはフロート権があります：

.topshops-section-secondcol {
    float: right;
    position: static;
}

現時点では、2 セットの 4 つの画像が上に表示されているだけで、隣同士ではありませんか? jsfiddle: http://jsfiddle.net/Gn7PL/

4

2 に答える 2

3

このように: jsFiddle here

あなたは閉じなければなりませんでした<div id="leftcontainer"></div>

現在の状態では、左のコンテナーに右のコンテナーが含まれていたため、CSS は影響を与えていませんでした。それ以外は、他のすべては完全に問題ありませんでした。それは今動作します。

于 2013-10-05T02:47:44.657 に答える
0

デモ.css と要素を使いすぎないでください。シンプルなものを使用してください

HTML 

<ul>
    <li>
        <img src="https://lh4.googleusercontent.com/-2hC1XUCLbZQ/TpUrgzmXbqI/AAAAAAAAfts/bR367hj_o2w/s90-c-k-no/2011-10-12_11-50-37_HDR.jpg" />
    </li>
     <li>
        <img src="https://lh4.googleusercontent.com/-2hC1XUCLbZQ/TpUrgzmXbqI/AAAAAAAAfts/bR367hj_o2w/s90-c-k-no/2011-10-12_11-50-37_HDR.jpg" />
    </li>


....etc

CSS

li{
    margin:20px;
    list-style-type:none;

}
于 2013-10-05T02:51:58.290 に答える