<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>default style</title>
</head>
<body>
<div><a href="#">DIV > A</a></div>
<!-- 块级元素div包含行内元素a为合法的 -->
<a href="#"><div>A > DIV</div></a>
<!-- 行内元素a包含块级元素div在html5中是合法的 -->
<p><a href="#"><div>P > A > DIV</div></a></p>
<!-- 这样是不合法的,因为a是透明模型,导致了p直接包含了div,不合法 -->
</body>
</html>
行内元素a包含块级元素是合法的
最新推荐文章于 2022-06-15 21:53:40 发布