CSS基础：div块状容器位置摆放

BestKagome

已于 2023-05-29 14:35:31 修改

阅读量504

点赞数

分类专栏： CSS 文章标签： html css

于 2022-07-01 10:36:12 首次发布

本文链接：https://blog.csdn.net/Alley_Olive/article/details/125553616

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>div容器位置摆放</title>
    <style>
        div{
            width: 200px;
            height: 200px;
            background-color: darksalmon;
            margin: 10px;
        }
    </style>
</head>
<body>
    <!--
        div是块状容器，独占一行。
        1、当两个div不指定排列方式时，是默认上下堆叠的(div盒子垂直排列)。
        当两个div的margin值相同时，上面div的margin-bottom和下面div的margin-top是重合的，像素值并不会叠加。
        2、当两个div指定排列方式时，如float: left时，div就会左右摆放（div盒子水平排列）。
        当两个div的margin值相同时，左边div的margin-right和右边div的margin-left是累加的，像素值会叠加。
    -->
    <div>我是div标签1&