Html 分区'；你说的是重叠吗？
我正在尝试制作一个菜单框和视频框，但我的视频框与菜单div重叠。这里是我的代码Html 分区'；你说的是重叠吗？,html,css,Html,Css,我正在尝试制作一个菜单框和视频框，但我的视频框与菜单div重叠。这里是我的代码 <!doctype html> <html> 无标题文件 .colm-1 { 浮动：左； 显示：块； } .我的视频盒 { 宽度：300px； 高度：300px； 背景：#F00； } Colm 1 Colm 1 Colm 1 当您在div中使用float时，请尝试使用clear，然后尝试以下操作 <body> <!--- My Menu Box ---> &
<!doctype html>
<html>
无标题文件
.colm-1
{
浮动：左；
显示：块；
}
.我的视频盒
{
宽度：300px；
高度：300px；
背景：#F00；
}
Colm 1
Colm 1
Colm 1
<body>
<!--- My Menu Box --->
<div class="colm-1">Colm 1</div>
<div class="colm-1">Colm 1</div>
<div class="colm-1">Colm 1</div>
<div style="clear:both;"></div> <!-- You need to add this -->
<!--- Video Box --->
<div class="my-video-box"></div>
</body>
Colm 1
Colm 1
Colm 1
<body>
<!--- My Menu Box --->
<div class="colm-1">Colm 1</div>
<div class="colm-1">Colm 1</div>
<div class="colm-1">Colm 1</div>
<div style="clear:both;"></div> <!-- You need to add this -->
<!--- Video Box --->
<div class="my-video-box"></div>
</body>
Colm 1
Colm 1
Colm 1
我的视频框之前编写此html
<div style="clear:both"></div>
您可以在我的视频框之前编写此html
<div style="clear:both"></div>
也许您可以使用position:relative；在css类中避免重叠？我应该将其与视频框一起使用吗？@ShekharPanjak这是一个多么好的编辑…感谢@shekharpankaj的帮助：）@WaseemKhan，记住无论何时使用float，不要忘记使用clear，因为float将创建空空间，clear：两者都将删除该空间。最好使用inline block而不是float。也许您可以使用position:relative；在css类中，为了避免重叠？我应该将其与视频框一起使用吗？@ShekharPanjak这是一个多么好的编辑…感谢@shekharpankaj的帮助：）@WaseemKhan，请记住，无论何时使用float，不要忘了使用clear，因为float将创建空空间，clear：两者都将删除该空间。。更好地使用内联块而不是float我很乐意提供帮助，如果能解决你的问题，请接受我的回答谢谢我很乐意帮忙，如果能解决你的问题，请接受我的回答谢谢