爲什麼這個跨度有更大的高度比它的父

-1

我做了進展throught網站吧，我有一個問題。有表示了FrontPage的部分，當你點擊其中一個就滾動到部分位置的4個span元素。問題是，由於某種原因，span元素比格cointaining它高，而對於這一點，我不能垂直對齊。直到你嘗試在較小的分辨率下使用網站時，這是不成問題的，span元素會溢出div。爲什麼這個跨度有更大的高度比它的父

Here是我在說什麼

見，正確的屬性是因爲，根據區間位置定位跨度腳本。

而且here是哪裏出了問題變得明顯

下面是HTML：

<header id="masthead" class="site-header" role="banner" style="position: relative; top: auto;"> 
<div class="container-fluid"> 
    <div class="row"> 

       <div id="progressDiv"> 
        <span id="progBar"> 
        </span> 
        <div id="SectionsPos"> 
         <a href="/#features"> 
         <span id="novedPos" class="sectPos"> Novedades </span> 
         </a> 
         <a href="/#about"> 
         <span id="redesPos" class="sectPos tooBig"> Redes Sociales </span> 
         </a> 
         <a href="#ProductosPrinc"> 
         <span id="prodPos" class="sectPos"> Productos </span> 
         <a href="#Contacto"> 
         <span id="contPos" class="sectPos"> Contacto </span> 
         </a> 
        </div>  
       </div> 

    </div> 
</div>

這裏是CSS：

#progressDiv { 
    display: block; 
    border: solid 1px; 
    border-color: #d9b25f; 
    position: relative; 
    width: 100%; 
    height: 10vh; 
} 

#progBar { 
    height: inherit; 
    display: block; 
    width: 0%; 
    background: #d9b25f; 
    max-width: 100%;  
} 


#SectionsPos{ 
    display: block; 
    position: absolute; 
    width: 100%; 
    top: 50%; 
    height: 10vh; 
    margin-top: -5vh; 
} 

.sectPos { 
    font-weight: 900; 
    color: white!important; 
    position: absolute; 
}

原諒我的英語，它不是我的母語，如果有什麼不完全的東西明確的，請讓我知道，我會盡力解釋自己更好

來源

2016-12-26 Raba

請張貼所有的菜單代碼這裏 –

我瞭解的是你想要的菜單響應，也看起來像您正在使用引導了點。但是你在這裏沒有很好地使用bootstrap。讓我知道我的理解是否正確。 – Prasoon

嘗試最小高度設定爲父系格，這樣跨度絕不會更高。不幸的是，除非您發佈您的代碼，否則我們無法提供幫助 – derloopkat

我種解決它，但它不是一個實際的解決方案，但爲避免該問題的一種方式，我改變了德VH與像素單元，aparently你不能做我想用VH單位做

來源

2016-12-27 05:36:44 Raba

爲什麼這個跨度有更大的高度比它的父

回答

相關問題