请问float前面还有div之类的块级元素怎么办

Question

float设置left或者right，设置浮动，但是如果我的float作用标签前面还有div标签等块级元素，我怎么设置float在他们的上面，向左浮动，我知道可以把代码移动至div前面，还有什么别的办法

Answer 1

引自免费微信小程序：皆我百晓生

这是一个涉及到布局的问题，如果你有一个包含多个元素的父元素，例如<div class="container">, 你想要让一个<div>元素在其中浮在右上角，但是这个<div>元素后面还有一堆其他元素，那么你需要通过CSS来实现。

首先，我们需要定义一个额外的class给你的<div>元素，以便我们可以更好地控制它的样式。例如，我们可以在它内部添加一个.container类：

<div class="container"></div>

然后，你可以为这个<div>元素添加一些CSS样式，使其向右浮动并超出容器范围：

.container {
  position: relative;
}

.container .container {
  width: 100%;
  height: 30px;
  background-color: #f2f2f2;
  padding-top: 50%;
  position: absolute;
  top: -70px;
}

在这个例子中，-70px是指定了<div>元素相对于其周围空间的高度。如果你想让它向上浮，可以将其改为+70px。注意，这里假设<div>元素要超过容器的一半高度，否则将会被压入容器内。

如果需要你帮助画图的，请使用线条和符号生成模拟图。这取决于你使用的编程语言。如果你是使用JavaScript，请使用<canvas>元素，并使用诸如fillRect()、strokeRect()等方法来绘制图形。