0

通常のように div クラスを配置する際に問題があります。DIVボックスを取得したかった：

li {
    width:200px;
    height:200px;
    background:red;
    float:left;
    list-style:none;
    margin-right:20px;
    margin-bottom:50px;
    position:relative;
}

li div {
    width:100%;
    height:100%;
    position:absolute;
}

しかし、ボックスは絶対に配置されているようで、私が望んでいたものではありません.2列で、20pxのギャップと50pxの下のギャップがありますが、インラインのようにスタックしていますが、20pxですmargin-right は、画像の左端から計算されますが、margin-bottom は問題ありません。

それから私は怒って、TutsPlus.com にあるすべてのコードをコピーしました - CSS3 Essentials ビデオ - まだ動作していません。HTML5 ではすべて問題ありませんが、理解できません。前に言ったように、なぜそのボックスを取得できなかったのですか?

4

2 に答える 2

0

絶対配置された要素は、デフォルトで通常のフローから削除されます。それらを 100% の幅に設定して、li と同じ幅になり、互いに重なり合うようにします。

于 2013-05-18T11:46:55.907 に答える