我似乎无法让我的div在div内并排对齐，有人可以看到问题出在哪里吗？我试图将divContainer元素的高度设置为buttonButton元素和2个testDiv元素并排放置。我也尝试将float的testDiv元素设置为：left，但这也不起作用。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="MSThemeCompatible" content="Yes" />
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<title>Test</title>
<style type="text/css">
* {
font-family: tahoma;
font-size: 8pt;
}
#buttonPanel {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
text-align: right;
background-color: buttonface;
}
#buttonPanel hr {
margin: 0;
}
#buttonPanel button {
margin: 10px;
width: 75px;
}
#divContainer {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 45px;
border: 2px solid #FFFF00;
}
.testDiv {
display: inline-block;
width: 50%;
height: 100%;
border: 2px solid blue;
}
</style>
</head>
<body>
<div id="divContainer">
<div id="test1" class="testDiv">test1</div>
<div id="test2" class="testDiv">test2</div>
</div>
<div id="buttonPanel">
<hr/>
<button id="btnOK">OK</button>
<button id="btnCancel">Cancel</button>
</div>
</body>
</html>
最佳答案
让我给你举个例子：
你有两个div左div说ldiv和右div说rdiv。这些div在main div里面说mdiv
即
<div class = "mdiv">
<div class="ldiv">
</div>
<div class="rdiv">
</div>
</div>
那么您的css应该是这样的：
#mdiv{}
#ldiv {float:left;}
#rdiv{ float:left;}
关于css - 并排div在主容器div中时未对齐，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24545006/