显示：内联重置高度和宽度
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;
}
我想在我将display：inline属性添加到css中后，立即以其原始高度和宽度（在css中设置）并排显示两个div，它似乎失去了先前定义的高度和宽度。[用＃1和＃2检查divs似乎松动了高度和宽度设置]
有人可以指出我似乎正在做的错误或此怪异行为的解决方法吗？
问题答案：
内联对象没有高度或宽度。为什么要先将它们设置为内联？您可能想要浮动它们或使用它们display: inline-block。
-
问题内容： 如果我设置任何元素，然后将，，， 不是该元素的影响？ 是否有必要使用或或使用，，，该元素吗？ 问题答案： 有关完整说明，请参见CSS规范中的“ 内联格式设置上下文”。 基本上可以在行内元素上设置边距，内边距和边框，但是它们的行为可能不符合您的预期。如果只有一行，则该行为可能会很好，但是同一流中的其他行可能会表现出与您期望的行为不同的行为（即，将不考虑填充）。此外，如果内嵌框包含易碎元素
-
我正在尝试我的Matplotlib图表的一些功能，我想在图表的不同部分创建一系列小正方形。 以下是文档说明的内容：下面的示例演示了使用数组在一个命令中绘制具有不同格式样式的多条线。 我的问题是：我不需要一行正方形，我只需要在X，Y坐标的某个位置加上一行，但我遇到的问题是找到一种方法使它变小，下面是我尝试的： 我试图将设置为不同的值，但没有任何变化。文档在这方面有点模糊，有人能告诉我如何设置正方形的
-
我创建了一个带有foreignObject文本的SVG，并使用img标记将其链接到HTML页面中。 问题是svg的宽度是按设备缩放的，但高度固定在153px左右。我已经将svg的宽度和高度设置为100%。 我不能为svg提供固定的高度，因为我希望文本部分响应和按设备缩放。 在这种情况下，我不能使用任何JS来解决任何问题。
-
问题内容： 抱歉，我一直在搜索此论坛，但没有确切答案。所以我问自己的。 我有一堂课，用目标纵向屏幕640x960显示glView和webview两种布局。我计划拆分布局。因此我的背景看起来是在（0,0,640,480）或纵向屏幕的一半处绘制的。，我想在（0,481,640,479）处绘制我的Web视图，该视图占据了从中间到底部的另一半。但是，我失败了，无法弄清楚如何实现我想要的布局。如何设置web
-
问题内容： 您可以设置诸如，和的内联元素的宽度，但是在放置它们之前不会发现任何效果。 a）我认为不能设置内联元素的内联宽度？ b）假设可以设置宽度-在放置内联元素之前，我们不会注意到任何效果（因此我们指定了宽度）。位置如何/在哪里？ c）为什么仅当我们“定位”内联元素时才显示它们的宽度？ 问题答案： 正如其他人提到的那样，设置内联元素的宽度（或其他一些与位置相关的属性）将导致浏览器将元素显示为块元
-
我使用Flexbox，但似乎有一个问题，当我尝试设置父div的高度/宽度为自动。 Flexbox指南， 我也试试这个， 但它只给一行子项上色， 根据子记录宽度设置父背景颜色存在问题，如何使用Flexbox设置自动宽度。 是否可以使用JavaScript找出宽度并设置父宽度？ 请您建议最佳做法，按照分区的最大高度来安排项目。