Question

我刚刚又回到了CSS中，由于某种原因，我无法立即将这个div设置为右边距或显示背景颜色。

我开始使用带有ID的div。

  #Full {
background-color: red;
margin-right: 300px;
 }

HTML：

       < div id="Full" >

然后我在一个班上试了一下，例如。

         .Full {
background-color: red;
margin-right: 300px;
 }

HTML：

    < div class="Full" >

它应该被链接，这就是整个事情：

.Full {
    background-color: red;
    margin-right: 300px;
}

<body>
    <div class="Full" >
        <br />
        <label> Enter Username </label>
        <input type="text" name="Username" />
        <brk />
        
        <label> Enter Password </label>
        <input type="text" name="Password" />
        <brk />
        <button class="Button1"> Enter</button>
    </div>
</body>

我忘记了什么吗？

Answer 1

您提供的示例完全按照应有的方式运行。如果您注释掉margin-right：300px，则会看到.Full div变为全角。右边距在向右推动.Full框的右边缘。

通过打开body标签边框，您可以看到.Full框保持在body的边界内，这表明margin-right属性正在起作用。

.Full {
  background-color: red;
  margin-right: 300px;
}

body {
  border: solid 1px;
}

<body>
  <div class="Full">
    <br />
    <label> Enter Username </label>
    <input type="text" name="Username" />
    <brk />

    <label> Enter Password </label>
    <input type="text" name="Password" />
    <brk />
    <button class="Button1"> Enter</button>
  </div>
</body>

使用类或ID都不会影响此div的功能

1 个答案: