一种方法是让元素的宽度和高度与窗口或父元素保持一致例如，为块状元素设置宽度为100%，则其宽度将始终与父元素相同而当元素具有绝对或固定定位时，宽度将基于其内容调整，没有内容时将不再显示高度自适应可以通过设置为相对浏览器窗口的百分比，同时确保HTML和body元素的高度为100%来实现另一种。

标签ltp是没有高度属性的，如果你想空白大一些，可以设置margin 或者padding 答案补充 设置margin0就没有空白了，具体需要多少可以自己调整。

简单来说，如果父元素未设置高度或高度为auto，给子元素设置百分比高度就会失效要让百分比高度生效，需要为所有包含子元素的父级元素设定高度，包括body和html元素理解这个规则后，我修改代码，确保所有父级元素都有固定高度这样，设置百分比高度的div元素就能按照预期撑满容器通过这个学习过程，我认识。

4在css标签内，通过class设置div的宽度为300px，高度为200px，背景颜色为灰色5在testhtml文件内，再设置无序列表ul的样式 ，使用width属性设置其宽度为100px，同时使用margin属性设置其居中显示6在浏览器打开testhtml文件，查看实现的效果。

1首先，打开html编辑器，新建html文件，例如indexhtml，编写问题基础代码2在indexhtml中的ltinput标签中新增样式代码style=quotwidth 200pxheight60pxquot3浏览器运行indexhtml页面，此时input框的宽度被设置为200px，高度被设备为60px了。

先设置html及body的CSS的高，分别为height100 如下html，bodyheight100%margin0px 或 htmlheight100% bodyheight100%margin0px 后面的高为100%才有效lttable height=quot100%quot 或 ltdiv style=quotheight100%quot。

lta href=quotquot style=quotwidth 200px height 50pxquot超链接lta 这样，当你使用浏览器打开indexhtml页面时，你将看到一个宽度为200px，高度为50px的超链接这有助于你更好地控制页面元素的布局值得注意的是，我们这里只是简单地调整了a标签的宽度和高度，实际上，你可以根据自己的需求调整。

3然后点击“cs”右侧的“新建文件”图标，创建一个“1html”文件，在空白html文件中输入一个英文“！”按Tab键填充html基本代码4接着在body中插入img标签，alt规定图像的替代文本，src规定显示图像的URL5然后在img标签上使用width属性设置图片宽度height属性设置图片高度6最后在title标签。

1 在HTMLCSS中设置网页高度 使用CSS设置固定高度你可以通过CSS的height属性来设置一个元素如ltdivltbody等的固定高度例如，height 100vh会将元素的高度设置为视口高度的100%示例代码ltdiv style=#34height 500px#34这个div的高度是500像素ltdiv使用CSS设置百分比高度。