例えばこんなHTMLを横並びにする場合、 <div class="list-box"> <ul> <li></li> <li></li> <li></li> </ul> </div>CSSはこのようになるでしょう。divタグには横幅を指定し、ulタグには横幅を指定しないようにします。 .list-box { overflow: hidden; *zoom: 1; width: 320px; } .list-box ul { margin: 0 -10px 0 0; //ネガティブマージン padding: 0; } .list-box li { float: left; width: 100px; height: 100px; margin: 0 10px 0 0; background: #000006; }この方法を使えば「marginを0にするクラスを用意して端っこの要素のみに付ける
