为什么<div1>和<div2>显示在了同一行,把<div2>改成<div>就显示成两行了,这是为什么,<div1>和<div2>不都是块状元素吗?还是说不能写<div1>、<div2>这样的代码,而是要使用标签选择器、类选择器和ID选择器?
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>内联块状元素</title>
<style type="text/css">
div1,p{background:blue;}
div2{background:green;}
a1{display:block;background:green;height:60px;}
a2{background:red;}
</style>
</head>
<body>
<div1>div1</div1>
<div2>div2</div2>
<p>段落1段落1段落1段落1段落1</p>
<p>段落1<a2>段落1段落1</a2>段落1段落1</p>
<a1>段落1段落1段落1段落1段落1</a1>
<a>段落1段落1段落1段落1段落1</a>
<a>段落1段落1段落1段落1段落1</a>
</body>
</html>