元素之前可以忽略屬性的高度值嗎？

我有2個元素共享相同的類.cta。 .casino-box裏面的CTA看起來不錯，但是.header-box裏面的那個佔了.top-nav-bar和.nav-bar佔用的165px的空間。元素之前可以忽略屬性的高度值嗎？

如何獲得頂級CTA忽略這兩個導航欄的添加間距，而不必拆分CTA的css代碼？

Link to CodePen

.cta { 
    max-width: 600px; 
    margin: 0 auto; 
    text-align: center; 
    position: relative; 
    top: 50%; 
    margin-top: -80px; 
} 

.cta h1 { 
    color: #fff; 
    weight: 500; 
    text-shadow: 0px 0px 4px black; 
} 

.cta .button { 
    color: #fff; 
    border-color: #fff; 
    font-weight: bold; 
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.7); 
    text-shadow: 0px 0px 4px black; 
} 
.cta .button:hover { 
    color: #90281F; 
    background: #fff; 
    text-shadow: none; 
} 

.cta hr { 
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.7); 
}

來源

2015-04-21 bmoneruxui

設置'margin-top：-205px;'inside' .header-box .cta'並且所有的兩個塊將在中心對齊。 –

謝謝你。這是非常明顯的，但我在編碼時卻有了一個全腦放屁。你可以把它作爲答案，我可以接受嗎？ – bmoneruxui

你必須設置負margin-top與.top-nav-bar and .nav-bar的高度加上你正常的利潤率因此兩分格可以在中心對齊。在這種情況下，它可能如下：

.header-box .cta { 
    margin-top: -205px; 
}

來源

2015-04-21 14:41:57

元素之前可以忽略屬性的高度值嗎？

回答

相關問題