問題與分區的溢出屬性

我已經在medexcel.comeze.com的測試服務器上託管我的網站。問題與分區的溢出屬性

問題是，當我將鼠標懸停在頂部欄的菜單按鈕上時，頂部div的溢出不再隱藏，紅色菜單按鈕的右下角可見。

我該如何解決這個問題？

CSS的頂部是：

#top{ 
    @include green-gradient; 
    border-radius: 0px 0px 50px 50px; 
    box-shadow: 10px 10px rgb(56, 56, 56); 
    overflow: hidden; 
}

和菜單，

.myButton{ 
    @include red-button; 
    border-radius:50px 0px 50px 50px; 
    text-shadow:0px 1px 0px #810e05; 
    float:right; 
}

HTML：

<div class="row" id="top"> 
    <div class="small-8 columns"> 
     <img src="img/logo.png"> 
    </div> 
    <div class="small-4 columns" id="menu"> 
     <div class="myButton">Menu</div> 
    </div> 
</div>

來源

2013-07-30 aBhijit

請問您是否可以添加一些HTML代碼。 –

我相信你的問題是浮動。從標準流程中移除元素，使其不受「溢出：隱藏」影響。如果你可以定位它內聯等它可能會解決問題 – RyanS

我添加了HTML @PeterStuart – aBhijit

添加position: static到.myButton。

.myButton{ 
    @include red-button; 
    border-radius:50px 0px 50px 50px; 
    text-shadow:0px 1px 0px #810e05; 
    float:right; 
    position:static; 
}

來源

2013-07-31 01:24:04 Stan

沒有。不起作用。 – aBhijit

你使用什麼瀏覽器？我在使用Inspector的網站上的Chrome中測試了它，它工作正常。 – Stan

嘗試關閉檢查器並將鼠標懸停在按鈕上。 – aBhijit

問題與分區的溢出屬性

回答

相關問題