Heim  >  Fragen und Antworten  >  Hauptteil

Problem mit dem Inline-Stil

<!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

益伦益伦2493 Tage vor1460

Antworte allen(2)Ich werde antworten

  • phpcn_u19856

    phpcn_u198562018-01-15 11:14:19

    用.main .left的优先级更高一些,它明确的告诉你这个样式是main这个类下的left,把范围限定了,可以让浏览器更精准的找到它要渲染的对象。

    Antwort
    0
  • 韦小宝

    韦小宝2018-01-15 08:53:13

    这是命名,没有一定的要求。随便起啥名都可以啊

    Antwort
    0
  • StornierenAntwort