html - 如何分配css？

Question

我为元素分配了 css。

HTML:

<div class = "mydiv">Text</div>
  ....
<div class = "mydiv1">Content</div>

CSS:

.mydiv {
   position: absolute;
}

在这里，我想在 css 中的 mydiv 类中为 mydiv1 类分配宽度。即)我想在'mydiv2'之后为'mydiv2'分配宽度。 我怎样才能实现它？

Answer 1

您必须稍微更改您的 html。这是一个使 mydiv 和 mydiv1 具有相同宽度的命题，因为它是由容器控制的。

.container {
  position: absolute;
  width: 100px;
}

.mydiv {
  background: pink;
}

.mydiv1 {
  background: yellow;
}

<div class="container">
  <div class="mydiv">Text</div>
  <div class="mydiv1">Content</div>
</div>