CSS和HTML中的宽度和高度不同

时间:2012-11-21 11:15:20

标签: css layout html

说我有div。如果我在HTML代码中给它一个500 * 500px的高度和宽度,像这样:<div width="500px" height="500px">test</div>它的尺寸不会是500 * 500px,除非它填充了足够的代码/文本以将其推送到那些尺寸。但是,如果我使用CSS(内联CSS或外部文档)设置完全相同的宽度和高度,如下所示:<div style="width:500px; height:500px;">test</div>尺寸始终是我设置的尺寸。

为什么会有区别?

2 个答案:

答案 0 :(得分:2)

div代码没有widthheight属性。

答案 1 :(得分:2)

执行此操作不是有效的语法。你不能添加宽度;高度属性到DIV与表格或图像标签相同。

<div width="500px" height="500px">test</div>

这是有效的语法:

<div style="width:500px; height:500px;">test</div>