Div的重叠？

我试图制作一个菜单框和视频框，但我的视频框重叠菜单div的这里是我的代码。Div的重叠？

<!doctype html> 
<html>

<!doctype html> 
 
    <html> 
 
    <head> 
 
    <meta charset="utf-8"> 
 
    <title>Untitled Document</title> 
 
    <style> 
 
    .colm-1 
 
    { 
 
\t  float:left; 
 
\t  display:block; 
 
    } 
 
    .my-video-box 
 
    { 
 
\t width:300px; 
 
\t height:300px; 
 
\t background:#F00; 
 
    } 
 
    </style> 
 
    </head> 
 

 
    <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> 
 
    
 
    
 
    <!--- Video Box ---> 
 
    <div class="my-video-box"></div> 
 
    </body> 
 
    </html>

而我没有浮动我的视频DIV /盒我的菜单div的是浮动离开。

来源

2016-01-06 Waseem Khan

也许你可以使用position：relative;在CSS类避免重叠？ –

我应该用视频盒吗？ –

@ShekharPanjak什么是编辑... –

当您使用浮动在div的尝试使用清晰之后试试这个

<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>

来源

2016-01-06 06:42:25

谢谢@ Kashif Latif，这对我很有用 –

我很高兴地帮助，请接受我的答案，如果它解决您的问题，谢谢 –

可以前my-video-box格写这个网站。

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

来源

2016-01-06 06:43:08 Adeel

谢谢@adeel for帮帮我 –

回答

相关问题