块状元素有一个特点之一:在不设置宽度的情况下,显示为父容器的100%。父容器有哪些,100%怎么理解?可以举例说明吗
父容器的100%宽度表示屏幕有多宽父容器就多宽。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>内联块状元素</title>
<style type="text/css">
div,p,h1{background:pink;}
</style>
</head>
<body>
<div>div1</div><div>div2</div><h1>h1</h1><form>form1</form>
a{display:block;}
<p>段落1段落1段落1段落1段落1</p>
</body>
</html>
比如一个form表单的父容器是div,如果div设置了宽度为200px,那默认form表单的宽度就是200px