Heim > Fragen und Antworten > Hauptteil
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Einspaltiges Layout</title>
< ;style>
body{
;
width: 90 %;
/*height: 500px :5px auto; ist auf der horizontalen Zentrierung des Blockteils*/
}
.main .left{
width: 30%;
height: 500px;
background-color: pink;
float: left;/*Ich möchte nach links schweben oben, lösen Sie sich vom Dokumentenfluss und verschieben Sie die untere Reihe nach oben*/
}
.main .right{
width: 69%;
height: 500px;
background-color: deeppink;
float: right;/ *Der Effekt von Rechts und Links ist derselbe. 0 auto;
}
.clear{
clear: Both;
}
</style>
</head>
<body>
<div class="header" ></div>
<div class="main">
<div class="left"></div>
<div class="right"></div> klar"></div>
</div>
<div class="footer"></div>
</body>
</html>
Warum verwende ich .main .left
beim Festlegen des .left-Stils in style und verwenden Sie .clear direkt beim Festlegen des .clear-Stils
phpcn_u198562018-01-15 11:14:19
用.main .left的优先级更高一些,它明确的告诉你这个样式是main这个类下的left,把范围限定了,可以让浏览器更精准的找到它要渲染的对象。