一般的な CSS 操作の位置合わせ方法の詳細な説明

この記事では主に一般的な CSS 操作の配置方法について詳しく説明しますので、興味のある方は参考にしてください

1. 水平方向の配置には margin 属性を使用します

*{
    margin: 0px;
}
.div{
    width: 70%;
    height: 1000px;
    background-color: red;
    margin-left: auto;
    margin-right: auto;
}

margin: value 1 value 2

value 1 は上限値と下限値を表します。 2 左と右を表します

*{
    margin: 0px;
}
.div{
    width: 70%;
    height: 1000px;
    background-color: red;
    margin: 100px auto;
}

2. Position 属性を使用して左と右を揃えます

*{
    margin: 0px;
}
.div{
    width: 70%;
    height: 1000px;
    background-color: red;
    position: absolute;
    right: 0px;
}

3. float 属性を使用して左と右を揃えます

*{
    margin: 0px;
}
.div{
    width: 70%;
    height: 1000px;
    background-color: red;
    float: left;
}

以上が一般的な CSS 操作の位置合わせ方法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。