高價值沒有做任何事情？

-2

我知道這個問題已被問過。我只是在練習網頁設計，並假裝爲武術學校創建一個網站（納什維爾自衛並不是真正的業務）。高價值沒有做任何事情？

我有一個問題，#Slogan的最高邊緣值似乎沒有工作。事實上，獲取頂部和底部利潤率一直是我不斷遇到的一個縈繞不定的問題。

結果：

誰能解決這個問題？

#Title { 
 
    border-width: 1px; 
 
    border-style: solid; 
 
    border-color: greenyellow; 
 
    width: 50%; 
 
    float: left; 
 
    margin-left: 45px; 
 
    margin-top: 10px; 
 
    margin-bottom: 0; 
 
    height: 42px; 
 
} 
 

 
#Title h1 { 
 
    font-family: Stencil, sans-serif; 
 
    font-size: 42px; 
 
    margin-top: 2px; 
 
    margin-left: 9px; 
 
} 
 

 
#Slogan { 
 
    border-width: 1px; 
 
    border-style: solid; 
 
    border-color: green; 
 
    width: 50%; 
 
    height: 50px; 
 
    float: left; 
 
    margin-left: 14%; 
 
    margin-top: none; 
 
    display: inline-block; 
 
}

<div id="Container"> 
 
    <div id="TopofPage"> 
 
    <div id="Title"> 
 
     <h1>Nashville Self-DEfense</h1> 
 
     <div id="Slogan"></div> 
 
    </div> 
 
    <div id="SocialMedia"></div> 
 
    <!--not shown in image--> 
 
    </div> 
 
<div id="TopMenu"> 
 
    <ul> 
 
     <li><a href="#home">HOME</a></li> 
 
     <li><a href="#news">CLASSES</a></li> 
 
     <li><a href="#contact">STORE</a></li> 
 
     <li><a href="#about">ABOUT</a></li> 
 
     <li><a href="#about">CONTACT</a></li> 
 
    </ul> 
 
</div>

來源

2017-07-29 TheGuy445

'none'不是有效的臨界值。 'margin-top：0'會更合適。或者那不是你指的問題？ – fubar

目前還不清楚你期待什麼。 margin-top和margin-bottom不起作用，因爲您尚未爲其分配任何值。 – frnt

該差距不是#Slogan的上邊距，而是h1元素的下邊距。 – Alohci

代替margin-top:none;使用margin-top: 0px !important

來源

2017-07-29 10:35:50

爲什麼這裏需要'！important'？ – fubar

覆蓋任何以前的樣式。 –

我知道它做了什麼，但是爲什麼當沒有競爭的CSS規則時建議使用它？ – fubar

它必須是 margin-top: 0; 不 margin-top: none;

接下來的事情就是它飛得更高的 '0'，只要前一個元素（#title h1）設置了頁邊空白。

來源

2017-07-29 10:38:32 Dimek

'top-margin'不是有效的CSS屬性。 – fubar

是的。無論如何。 – Dimek

@Dimek編輯你的答案，並糾正它:) –

目前尚不清楚你試圖達到的目標。

如果您想要縮小#Title h1和#Slogan元素之間的間距，則正如其他人所建議的那樣，您需要減小#Title h1元素的底部邊距。

#Title { 
 
    border-width: 1px; 
 
    border-style: solid; 
 
    border-color: greenyellow; 
 
    width: 50%; 
 
    float: left; 
 
    margin-left: 45px; 
 
    margin-top: 10px; 
 
    margin-bottom: 0; 
 
    height: 42px; 
 
} 
 

 
#Title h1 { 
 
    font-family: Stencil, sans-serif; 
 
    font-size: 42px; 
 
    margin-bottom: 10px; // <-- added 
 
    margin-top: 2px; 
 
    margin-left: 9px; 
 
} 
 

 
#Slogan { 
 
    border-width: 1px; 
 
    border-style: solid; 
 
    border-color: green; 
 
    width: 50%; 
 
    height: 50px; 
 
    float: left; 
 
    margin-left: 14%; 
 
    margin-top: none; 
 
    display: inline-block; 
 
}

<div id="Container"> 
 
    <div id="TopofPage"> 
 
    <div id="Title"> 
 
     <h1>Nashville Self-DEfense</h1> 
 
     <div id="Slogan"></div> 
 
    </div> 
 
    <div id="SocialMedia"></div> 
 
    <!--not shown in image--> 
 
    </div> 
 
<div id="TopMenu"> 
 
    <ul> 
 
     <li><a href="#home">HOME</a></li> 
 
     <li><a href="#news">CLASSES</a></li> 
 
     <li><a href="#contact">STORE</a></li> 
 
     <li><a href="#about">ABOUT</a></li> 
 
     <li><a href="#about">CONTACT</a></li> 
 
    </ul> 
 
</div>

來源

2017-07-30 07:30:30 fubar

高價值沒有做任何事情？

回答

相關問題