HTML子對象犯規從父對象獲取屬性

我有以下的HTML，這是兩個圖片和鏈接列表：HTML子對象犯規從父對象獲取屬性

<body class="wrapperGanzeSeite"> 
    <section class="introCard"> 
     <img id="Logo" src="LogoPulsamed.jpg"/> 
     <img id="wasserBild" src="Wasserbild.jpg"/>    
    </section> 
    <section class="wrapperSeitenMenü"> 
     <div class="menüHintergrund"> 
      <ul class="menüListe"> 
       <a href="#"><li>Home</li></a> 
       <a href="#"><li>Produkte</li></a> 
       <a href="#"><li>Kontakt</li></a> 
       <a href="#"><li>Gebrauchtgeräte</li></a> 
       <a href="#"><li>Impressum</li></a> 
      </ul> 
     </div> 
    </section>   
    <section class="Hauptteil"> 
    </section> 
</body>

而且我嘗試設置高度和寬度最大值，給屍體增加一個陰影。這是我的CSS：

.wrapperGanzeSeite { 
    width: 100%; 
    height: 100%; 
    max-width: 1400px; 
    max-height: 1000px; 
    box-shadow: 0px 0px 2px 2px #c7c7c7; 
    margin: auto; 
}

的圖片工作正常，但列表中沒有，即使列表標記是身體標記之間的陰影裏顯示。幫助真的很感激。

我的完整代碼在this jsfiddle。

來源

2016-12-30 Michael

你需要付出100％的高度到HTML太.. https://jsfiddle.net/xw9pLef8/1/ –

你知道，你可以用身體而非.wrapperGanzeSeite – Stardust

要顯示的box-shadow在正文中，您需要在'html'中添加填充，例如'html {padding：3px;}' 這應該有所幫助。 – MarmiK

在CSS - 變化：

.wrapperGanzeSeite

到

body, html

來源

2016-12-30 10:27:03 Kate

如果這個答案也解釋了原因，那麼這個答案會好得多。 –

謝謝你現在它的作品。 ;） – Michael

是啊，對不起:)我會盡力解釋它.. 當你創建頁面時，body和html是裏面元素的大小。所以，如果你打開瀏覽器檢查器，你會看到HTML只有你的元素的高度，並且由於你的.wrapperSeitenMenü被刷新（並且沒有清除），所以它的高度不被計數。在這種情況下，身高是HTML的100％。 – Kate

你是正在尋找使用UL和李元素創建menu。

<code> 
    #menu:hover ul { 
     display:block 
    } 

    ul{ 
     display:none; 
    } 
    </code>

來源

2016-12-30 10:29:49

是的，如果我想做一個下拉菜單，這將是正確的。但是在這裏我試圖給所有東西留下陰影;）但是也要感謝你 – Michael

HTML子對象犯規從父對象獲取屬性

回答

相關問題