0

いくつかの行を持つ列があります。

コード：

<div class="col-fluid">
    <div class="height1">1</div>
    <div class="height1">1</div>
    <div class="height1">1</div>
    <div class="height1">1</div>
    <div class="height1">1</div>
    <div class="height1">1</div>
    <div class="height1">1</div>
    <div class="height1">1</div>
    <div class="height1">1</div>
    <div class="height1">1</div>
    <div class="height1">1</div>
    <div class="height1">1</div>
</div>

したがってmargin-top、各height1クラスに次のように割り当てます。 

.col-fluid > [class*="height"]:not(:first-child) {
    margin-top: 0.699301%;
}

さて、これには問題がありmargin-top、一部の高さのサイズ (正確にはわかりmargin-topません) では機能しないようです。

このスクリーンショットの最初の左の列を参照してください。

マージントップが機能しない

しかし、別のサイズです、それは機能します：

マージントップワークス

どうしたの？私のmargin-topサイズに問題はありますか？

4

1 に答える 1

0

私は、それを行う方が良いと思います：

<div class="col-fluid">
    <div class="container"><div class="height1">1</div></div>
    <div class="container"><div class="height1">1</div></div>
    <div class="container"><div class="height1">1</div></div>
    <div class="container"><div class="height1">1</div></div>
    <div class="container"><div class="height1">1</div></div>
    <div class="container"><div class="height1">1</div></div>
    <div class="container"><div class="height1">1</div></div>
    <div class="container"><div class="height1">1</div></div>
    <div class="container"><div class="height1">1</div></div>
    <div class="container"><div class="height1">1</div></div>
    <div class="container"><div class="height1">1</div></div>
    <div class="container"><div class="height1">1</div></div>
</div>

.col-fluid div.container
{
  padding-top:10px;
}
于 2013-01-04T21:31:49.043 に答える