求各位大神解答：HTML语言中的width和height属性，百分比有什么作用，举例说明！

html-css033

求各位大神解答：HTML语言中的width和height属性，百分比有什么作用，举例说明！,第1张

width和height属性是指你设置的宽度和高度，百分比指你设计的东西占屏幕大小的百分比。

例如你在写一个表格的时候：

<html>

<head></head>

<body>

<table border="1" width="80%" height="50%">

<tr>

<td>QQ</td>

<td>QQ</td>

<td>QQ</td>

</tr>

<tr>

<td>QQ</td>

<td>QQ</td>

<td>QQ</td>

</tr>

<tr>

<td>QQ</td>

<td>QQ</td>

<td>QQ</td>

</tr>

</table>

</body>

</html>

你通过调整百分比可以看到表格占总页面的大小的比例也随之改变！

希望以上对你有用！

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>景安</title>

</head>

<style type="text/css">

.head{width: 1000pxheight: 200pxmargin:0 auto}

.head-a{width: 30%height: 200pxbackground: bluefloat: left}

.head-b{width: 70%height: 200pxbackground: orangefloat: right}

</style>

<body>

<div class="head">

<div class="head-a"></div>

<div class="head-b"></div>

</div>

</body>

</html>

我们可以使用width：30%和width：70%这样的形式来设置百分比