显示：内联重置高度和宽度

小编典典

显示：内联重置高度和宽度

css

html

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
 </head>
<body>
      <div class="step">1</div>&nbsp;
      <div class="step">2</div>
      <br/><br/>
      <div class="step1">3</div>&nbsp;
      <div class="step1">4</div>
</body>
</html>

CSS

.step
{
    height:150px;
    width:150px;    
    background:yellow;
    display:inline;
}

.step1
{
    height:150px;
    width:150px;    
    background:yellow;
}

我想在我将display：inline属性添加到css中后，立即以其原始高度和宽度（在css中设置）并排显示两个div，它似乎失去了先前定义的高度和宽度。[用＃1和＃2检查divs似乎松动了高度和宽度设置]

有人可以指出我似乎正在做的错误或此怪异行为的解决方法吗？

阅读 218

2020-05-16

共1个答案

小编典典

内联对象没有高度或宽度。为什么要先将它们设置为内联？您可能想要浮动它们或使用它们display: inline-block。

2020-05-16