Question

我是HTML的初学者。我即将建立的一方是http://sv-lasserg.de/index.php?page=home。这是Index.php和layout.css：http://jsfiddle.net/z57mqjor/。 CSS的主要部分：

html {background-color: #d1d1d1;}

body {

  width: 1000px;
  margin: 0 auto;
  background-color: #ffffff;
  font-family: verdana;
  font-size: 100%;
  color: #000000;}

main {    
padding: 20px 20px 20px 20px;  
position: relative;    
width: 617px;}

我的问题是主类继承了body中的宽度等属性，并且不识别CSS中给予main的属性。为什么主要从身体继承一切？

Answer 1

不应该像Main一样在Main面前有一段时间吗？

.main {

Answer 2

您需要使用main将.class声明为类，或使用#id声明为

课程方式（<div class="main">content here</div>）

html {
  background-color: #d1d1d1;
}

body {
  width: 1000px;
  margin: 0 auto;
  background-color: #ffffff;
  font-family: verdana;
  font-size: 100%;
  color: #000000;
}

.main {    
padding: 20px 20px 20px 20px;  
position: relative;    
width: 617px;
}

ID方式（<div id="main">content here</div>）

html {
  background-color: #d1d1d1;
}

body {
  width: 1000px;
  margin: 0 auto;
  background-color: #ffffff;
  font-family: verdana;
  font-size: 100%;
  color: #000000;
}

#main {    
padding: 20px 20px 20px 20px;  
position: relative;    
width: 617px;
}

Answer 3

而不是使用浏览器无法识别的<main>标记，请尝试将其替换为：

<div id="main">
  ....
</div>

然后你可以把它放在你的CSS中

#main {
   ...
}

Answer 4

“在Fiddle css中你忘了关闭你的一个CSS规则（#navi ul li：hover ul）。确保它与实际工作表中的不一样。” - TiiJ7

主要从身体继承宽度

4 个答案: