我在
http://jsfiddle.net/GKnkW/2/创建了例子
HTML
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
</head>
<body>
<div class="step">1</div>
<div class="step">2</div>
<br/><br/>
<div class="step1">3</div>
<div class="step1">4</div>
</body>
</html>
CSS
.step
{
height:150px;
width:150px;
background:yellow;
display:inline;
}
.step1
{
height:150px;
width:150px;
background:yellow;
}
我想用原来的高度和宽度并排显示两个div(设置在css中)
一旦我添加显示：inline属性到css它似乎松动高度和宽度定义较早。 [检查#1和#2的div，似乎松动高度和宽度设置]
解决方法
内联对象不具有高度或宽度。你为什么要把它们设置为内置的呢？你可能想要浮动它们或使用inline-block。
