html - 用浮动定位元素？..没有任何作用

Question

<div class="block1">
<div class="test">
    <div class="about">This is where text about the app will be displayed</div>
</div>
<div class="app1">
<ul>
<li class="roundabout-moveable-item" style="background: url('img/1.png')"></li>
<li class="roundabout-moveable-item" style="background: url('img/2.png')"></li>
<li class="roundabout-moveable-item" style="background: url('img/3.png')"></li>
</ul>
</div>`

CSS：

.topbox {
width:700px;
height:150px;
border-radius:20px;
position:fixed;
-moz-box-shadow:    inset 0px 4px 8px #000000;
-webkit-box-shadow: inset 0px 4px 8px #000000;
box-shadow:         inset 0px 4px 8px #000000;}

.block1 {
width:800px;}

.about {
float:right;
}

我已经尝试了一切，搜索了堆栈溢出，但我似乎无法让它工作。

非常感谢您的帮助，谢谢！

Answer 1

试试这个并更改绝对定位的值以满足您的需要。

.block1 {
  width:800px;
  position: relative;
}

.test {
  width:400px;
  height:300px;
  border-radius: 20px;
  background: transparent;
  width:800px;
  position: absolute;
  top: 200px;
  left: 400px;
}