html - 在父 div 的内容之后直接显示一个新的 div？

Question

我有一个宽度设置为 100% 的横幅。 然后我将另一个 div 设置为 30px 嵌套在第一个 div 末尾的主 div 中。这个关闭禁止的 div 有一个关闭图标的背景图像，并且设置了 javascript，所以当用户点击这个 div 时，整个横幅都会隐藏。

我想将这个关闭栏 div 紧跟在标有横幅的 div 中的文本之后。

它应该是这样的

[这是一个横幅，里面有文字 [X]]

<div id="banner">this is a banner it has text inside of it<div id="close-ban"></div></div>

Answer 1

您可以将横幅设置为向左浮动，为关闭禁止设置向右浮动。像这样:

#banner {
  width: 100%;
  float: left;
}
#close-ban {
  float: right;
}

<div id="banner">this is a banner it has text inside of it<div id="close-ban">close</div></div>

或者创建一个宽度为 100% 的容器并在其中放入横幅和关闭禁止 div，如下所示:

#container {
  width: 100%;
}
#banner {
  float: left;
}
#close-ban {
  float: right;
}

<div id="container">
<div id="banner">this is a banner it has text inside of it <div id="close-ban">close</div></div>
</div>