兒童div不在父div內並排堆疊
[英]children div not stacking side by side inside parent div
問題描述
由於某些原因，視頻和側欄div會繼續在包裝div之外相互推動。 此外，由於某些原因，似乎未定義主包裝div。 我現在已經閑逛了幾個小時，似乎什么也沒用。 能不能給我一些指導。
https://jsfiddle.net/4z5wwq2j/
謝謝。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <style> #wrapper{ width: 100%; height: 500px; white-space: nowrap; display: inline-block; } #sidebar{ height: 420px; width: 10%; background-color: red; } #video{ border-radius: 25px; background: #C5EFF7; border: 5px solid #19B5FE; padding: 20px; width: 65%; height: 420px; display: inline-block; } </style> </head> <body> <div id="wrapper"> <div id="sidebar"></div> <div id="video"></div> </div> </body> </html>
1 個解決方案
解決方案1
0 2016-04-29 22:19:40
您必須設置display: inline-block; 同樣適用於#sidebar div：
https://jsfiddle.net/4z5wwq2j/1/
#sidebar{
height: 420px;
width: 10%;
background-color: red;
display:inline-block;
}
根據需要為它們兩個都設置垂直對齊。
使JavaScript客戶端div在父div容器內生成
[英]getting JavaScript client side divs to spawn inside of a parent div container
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.