Есть два примера. Почему в первом примере показует 3 блока, в то время как во втором примере показует один?
-
1.
<html>
<head>
<style>
body {
margin: 0;
}
.my {
background-color: green;
height: 100px;
width: 200px;
margin: 10px;
}
</style>
</head>
<body>
<div class="my"></div>
<div class="my"></div>
<div class="my"></div>
</body>
</html>
-
2.
<html>
<head>
<style>
body {
margin: 0;
}
.my {
background-color: green;
height: 100px;
width: 200px;
margin: 10px;
}
</style>
</head>
<body>
<div class="my" />
<div class="my" />
<div class="my" />
</body>
</html>
div
. Есть одиночные,input
,br
и т.п. То как браузер показывает невалидный html на совести браузера. В данном случае трактуется как открывающие тэги, без закрывающих.