HTML设计问题

我在html设计中遇到了问题。当我创建一个新的div到leftbox DIV的id中时，这个div会掉下来。但是当我在新divs中使用绝对位置时，它完美地工作。请帮助HTML设计问题

#cont { 
 
    width: 60%; 
 
    border: 2px solid red; 
 
    margin: auto; 
 
    background: #ff3333; 
 
} 
 

 
#leftbox { 
 
    display: inline-block; 
 
    width: 45%; 
 
    height: 400px; 
 
    border: 2px solid green; 
 
    margin-left: 2%; 
 
    background: #00ff00; 
 
} 
 

 
#rightbox { 
 
    display: inline-block; 
 
    width: 45%; 
 
    height: 400px; 
 
    border: 2px solid blue; 
 
    background: #0000ff; 
 
}

<!DOCTYPE html> 
 
<html> 
 

 

 
<head> 
 
    <meta charset="utf-8"> 
 
</head> 
 

 
<body> 
 
    <div id="cont"> 
 
    <div id="leftbox"> 
 
     <div>my div</div> 
 
    </div> 
 
    <div id="rightbox"></div> 
 
    </div> 
 

 
</body> 
 

 
</html>

来源

2017-03-08 Ashwini kaptiyal

我不明白你的问题是什么。你说了一些关于它的工作？问题是什么？ – Gab

提供jsfiddle链接。 –

https://jsfiddle.net/ashwinik47/mjk5mssj/ –

适用以下样式到插入leftbox格新的div。

float:left;

来源

2017-03-08 05:32:52 Devendra

但问题是为什么它掉下来。 –

如果您将使用overflow：auto;到左边框它也将工作。内部div不在包装内。 – Devendra

我第一次这么认为，但是我的宽度和高度都小于父div。我用这个显示内联块。但仍然下跌 –

HTML设计问题

回答

相关问题