假设我有n类,每个类都必须具有绝对位置并向左浮动。



.test {
  position:absolute;
  display:block;
  float:left;
}

    <div class="test">test</div>
    <div class="test">test</div>
    <div class="test">test</div>
    <div class="test">test</div>





如果我使用此代码,则字符串“ test”是一个在另一个之上。但是我想将它们并排对齐。我必须使用position:absolute。有没有办法做到这一点 ?

最佳答案

我认为有position: absolute约束的一种方法是为每个div设置宽度,并相应地给它们定位。

颜色仅用于显示每个div的延伸方式。



.test1,
.test2,
.test3,
.test4 {
  position:absolute;
  width: 50px;
}

.test1 {
  left: 0;
  background: red;
}

.test2 {
  left: 50px;
  background: blue;
}

.test3 {
  left: 100px;
  background: yellow;
}

.test4 {
  left: 150px;
  background: green;
}

<div class="test1">test1</div>
<div class="test2">test2</div>
<div class="test3">test3</div>
<div class="test4">test4</div>

07-24 09:39
查看更多