CSS：小浮动问题

正如你从图片中看到的，我想要我的浮动：对，包含此视频的div框喜欢“be there”而不是浮动在那里，我的意思是我想要视频下的hr行和评论系统（你看到的白黑框），我很难解释，但如果你不跟随，请评论

这是我的css

#sctryclip{
float: right;
 border: 2px solid #FF3399; 
 display: inline-block;
}

尝试放置一个

<div style="clear:both"></div>

视频框下方的框（在“

”之前）

或者试试这个：

<hr style="clear:both" />

尝试放置

<div style="clear:both"></div>

视频框下方的框（在“

”之前）

或者试试这个：

<hr style="clear:both" />

在我开始回答这个问题之前，我最好先确定我明白你想做什么。您希望hr和所有评论都直接显示在视频下方。您希望左/右列的宽度是多少？

在我开始回答这个问题之前，我最好确保我了解您想要做什么。您希望hr和所有评论都直接显示在视频下方。您希望左/右列的宽度是多少？

尝试将包含注释的div的宽度更改为100%或容器的总宽度。

尝试将包含注释的div的宽度更改为100%或容器的总宽度。

如果我理解正确，您需要“hr”在你的视频下，就像你的布局中的一个分区

如果是这样的话，问题很可能不在你的“hr”css上！在我看来，你写“hr”的地方不合适，因此你不能把它放在你想要的地方。我相信这是因为你的图片显示了视频前的“hr”，并向右浮动，向视频倾斜

另一种想法是，如果你使用的是一种具有绝对/相对位置的容器。。。这可能会混淆您的结果：）

---

尽管如此，该领域的链接或代码将有助于解决该问题，图片可以让想象力增长；）

如果我没弄错的话，你想把“hr”放在你的视频下面，就像你的布局中的一个分区一样

如果是这样的话，问题很可能不在你的“hr”css上！在我看来，你写“hr”的地方不合适，因此你不能把它放在你想要的地方。我相信这是因为你的图片显示了视频前的“hr”，并向右浮动，向视频倾斜

另一种想法是，如果你使用的是一种具有绝对/相对位置的容器。。。这可能会混淆您的结果：）

---

尽管如此，该领域的链接或代码将有助于解决该问题，图片可以让想象力增长；）

将包含的div设置为

overflow: hidden;

---

将包含的div设置为

overflow: hidden;

---

这应该是一个评论。但是nolandark给了我正确的答案，谢谢。这应该是一个评论。但是nolandark给了我正确的答案，谢谢你，我看到其他人找到了更好的解决方案！NVM，我看到其他人有更好的解决方案！