Html “设置图像样式”；高度：1%；有时工作，有时不工作'；不行？

下面是代码片段（）：

开始
结束

使用百分比高度是很棘手的，因为它需要是某个百分比。通常，外部div“包装器”将定义总高度，而内部div将是其中的一个百分比。当没有在任何地方定义特定高度时，浏览器处理此问题的方式略有不同。宽度是不同的，通常只是客户端窗口的宽度，但高度有两种可能——整个站点的高度或可视区域的高度

---

在css3中，您可以使用vh表示视图高度，因此使用高度='1vh'表示1%的可视区域，否则您必须为外部分区指定一个定义的高度，以便内部分区可以工作

必须为图像使用具有指定高度的父div（以px或%等为单位）。如下所示：

  <div style="height:100px;width:100%">
    start
    <img src="http://www.baidu.com/img/bdlogo.png" style="border: 1px solid; height:10%;">
    end
  </div>

开始
结束

---

通过这种方式，您可以确定此代码在每个浏览器中都有效。

您在html文件中使用的是什么

doctype

？这可能是造成差异的原因。@Hiddenhobes我根本没有分配

doctype

。最外层的元素是

div

，既不包裹在

中，也不包裹在

@hiddenhobes中。我很好奇，如果没有指定doctype，将使用什么标准，因为据我所知，在块元素中设置img的高度根本不会生效。这可能就是原因。浏览器不知道如何正确呈现页面。尝试添加html5 doctype

。百分比高度取决于父元素的高度，因此必须在div上设置一个高度才能使其正常工作。