0

これらのhtmlタグがあります

<div class="items-row cols-3 row-0">
  <div class="item column-1"></div>
  <div class="item column-2"></div>
  <div class="item column-3"></div>
</div>
<div class="items-row cols-3 row-1">
  <div class="item column-1"></div>
  <div class="item column-2"></div>
  <div class="item column-3"></div>
</div>
<div class="items-row cols-3 row-2">
  <div class="item column-1"></div>
  <div class="item column-2"></div>
  <div class="item column-3"></div>
</div>

そして、私はこのように左に浮かびたかった

.items-row{float: left;} /*tried !important also*/

テストサイト

しかし、これは本来のように左に浮いていません。これが幅の問題である場合、メインの div 幅がとにかく小さいが左に浮いているデモがあります。

4

3 に答える 3

2

<div>タグを閉じたほうがいいと思います！

フィドルを参照してください。

HTML:

<div class="items-row cols-3 row-0">
    <div class="item column-1">1</div>
    <div class="item column-2">2</div>
    <div class="item column-3">3</div>
</div>
<div class="items-row cols-3 row-1">
    <div class="item column-1">1</div>
    <div class="item column-2">2</div>
    <div class="item column-3">3</div>
</div>
<div class="items-row cols-3 row-2">
  <div class="item column-1">1</div>
  <div class="item column-2">2</div>
  <div class="item column-3">3</div>
</div>
于 2013-07-05T11:12:29.777 に答える
0

以下のコードを試してください

<div class="items-row cols-3 row-0">
   <div class="item column-1"></div>
   <div class="item column-2"></div>
   <div class="item column-3"></div>
</div>
<div class="items-row cols-3 row-1">
   <div class="item column-1"></div>
   <div class="item column-2"></div>
   <div class="item column-3"></div>
</div>
<div class="items-row cols-3 row-2">
   <div class="item column-1"></div>
   <div class="item column-2"></div>
   <div class="item column-3"></div>
</div>

以下のcssを差し替えてください。float プロパティが幅に適用されるため、div 幅を設定しました。

 .items-row{float:left; width:200px;}
于 2013-07-05T11:25:33.170 に答える