无法通过样式表在html代码中设置元素大小的大小

Question

对不起，如果之前已经回复过，但我还没能在任何地方找到它。

我正在尝试创建一种缩略图库，但我无法在html代码中设置元素的宽度和高度。出于某种原因，如果我在样式表中设置大小，但在代码本身中没有设置大小。我整晚都想弄清楚这一点，这让我疯了。我希望它是一件简单的事情，我误解了。任何帮助将不胜感激。这是指示示例的链接：

http://jsfiddle.net/4gupR/1/

CSS

.box {
display: block;
float: left;
margin: 0 20px 20px 0;
}
figure {
position: relative;
margin: 0;
padding: 0;
display: block;
}

HTML

<div class="box">
<figure width="800" height="800">
    <img src="http://placehold.it/400x300">
</figure>
<figcaption>Caption</figcaption>
</div>

为了澄清，重要的是我通过HTML代码执行此操作，而且，我需要设置大小，而不仅仅是使用边距或填充...

与往常一样，非常感谢您提供的任何帮助！

Answer 1

属性应该放在img标记上，而不是figure标记。

<figure>
    <img src="http://placehold.it/400x300" width="400" height="300">
</figure>

Answer 2

大多数html元素不支持 width 和 height 作为属性，但 仍然可以通过CSS设置其宽度和高度您的样式表或直接在样式属性的html中：

<figure style="width : 800px; height : 800px;">

（您似乎已在样式表中设置 display：block 。）

话虽如此，img元素实际上允许宽度和高度属性，所以你可以在你的img上设置它们。

Answer 3

如果要使用内联样式，则必须使用“样式”属性。

<div style="property: value;">

http://jsfiddle.net/bZkYS/1/