CSS页边距在我的HTML中无法正常工作

div{
边框：1px纯黑；
}
.1分部{
高度：600px；
宽度：600px；
}
.第2分部{
高度：300px；
宽度：300px；
右边距：0px；
边际上限：0px；
}
.第3分部{
高度：150像素；
宽度：150px；
左边距：0px；
边缘底部：0px；
}

---

您可以在组合中使用

浮动

和

位置：相对/绝对

设置的组合，并使用下面显示的设置，以实现图像中显示的所需结果

注意：所有这些都与利润率无关

div{
边框：1px纯黑；
}
.1分部{
高度：600px；
宽度：600px；
}
.第2分部{
浮动：对；
位置：相对位置；
高度：300px；
宽度：300px；
}
.第3分部{
高度：150像素；
宽度：150px；
位置：绝对位置；
底部：0；
左：0；
}

---

您可以使用

位置：绝对然后用
左
或
左
或
上
或
下
代替
左
或
下


div{
边框：1px纯黑；
}
.1分部{
高度：600px；
宽度：600px；
位置：相对位置；
}
.第2分部{
高度：300px；
宽度：300px；
右：0px；
顶部：0px；
位置：绝对位置；
}
.第3分部{
高度：150像素；
宽度：150px；
左：0px；
底部：0px；
位置：绝对位置；
}

无需使用
边距
，只需使用
位置
属性。

这是片段。


div{
边框：1px纯黑；
}
.1分部{
高度：600px；
宽度：600px；
位置：相对位置；
保证金：30像素自动；
}
.第2分部{
高度：300px；
宽度：300px；
位置：绝对位置；
排名：0；
右：0；
}
.第3分部{
高度：150像素；
宽度：150px；
位置：绝对位置；
底部：0；
左：0；
}
要实现所需的带余量的o/p，这应该是您的代码

div {
        border: 1px solid black;
    }

    .div1 {
        height: 600px;
        width: 600px;
    }

    .div2 {
        height: 300px;
        width: 300px;
        margin-left: 300px;
        margin-top: 0px; 
    }

    .div3 {
        height: 150px;
        width: 150px;
        margin-left: 0px;
        margin-top: 150px;
    }

但是，这将是一种错误的方法，正确的方法是操纵将内部div定位到左侧或右侧。这是因为盒子模型的概念。为了更好地理解何时使用保证金-l/r/t/b以及何时使用定位，您需要了解更多关于箱子模型的信息

正确代码：

div {
            border: 1px solid black;
        }

        .div1 {
            height: 600px;
            width: 600px;
            position : relative;
        }

        .div2 {
            height: 300px;
            width: 300px;
            position : absolute;
            right : 0;
        }

        .div3 {
            height: 150px;
            width: 150px;
            position : absolute;
            bottom : 0;
        }

你误会了。A边距底部：0；不会把div放在任何东西的底部。我一定会查看@Paulie_d发布的链接。你应该检查下面的4个答案并解决你的问题，但我建议你在尝试之前先学习CSS布局和位置。如果你一直被否决，而不是乞求理解，也许你可以试着问更好的问题，你不这么认为吗？
这会导致我因为提出新问题而被禁止2-3天，所以请提前帮助和感谢。
-->在这2/3天内，你可以阅读一些教程来了解HTML/CSS的工作原理