<html>
<head>
<style>
div#one{
display: inline-block;
border: 1px solid green;
width: 200px;
height: 200px;
}
p {
border: 1px solid black;
}
div {
display: inline-block;
border: 1px solid green;
width: 200px;
height: 200px;
}
</style>
</head>
<body>
<div id="one">
<p>Something here</p>
</div>
<div></div>
</body>
</html>
这是我的代码,我期望divs
并排排列,但它们不是。为什么?为什么在css中按照预期并排排列元素
删除'显示:内联block'和使用'浮动:left'如果你需要并排侧.. –
也许这将帮助你:HTTP:/ /stackoverflow.com/questions/1371307/displayblock-inside-displayinline。 – 2012-12-26 09:13:22