如何在悬停时关闭底部的3px间隙？

• Z时代
• 2024-01-10
• 分类：问答

我挣扎着一个问题，我的按钮没有拉伸父div的全部高度。当我将鼠标悬停在从按钮底部到父级div底部的〜3px间隙处。如何在悬停时关闭底部的3px间隙？

我把整个代码分解到这里的那个小代码，问题仍然存在。如果我在#main_buttons，#header_big和.buttons上使用float: left;，问题就消失了。但如果我使用浮动#main_buttons，#header_big我的整个网站崩溃，所以这不是一个解决方案，我不得不重新编码其余的网站。还有其他解决方案吗？ https://jsfiddle.net/ewktoqrL/

#header_big { 
    background-color: #cccccc; 
    min-width: 100%; 
    min-height: 100%; 
    float: left; 
} 
#main_buttons { 
    min-height: 100%; 
    float: left; 
} 
.buttons { 
    max-height: 100%; 
    float: left; 
    padding-left: 20px; 
    padding-right: 20px; 
    padding-bottom: 12px; 
    padding-top: 14px; 
} 
.buttons:hover { 
    background-color: #efefef; 
} 
<div id="header_big"> 
    <div id="main_buttons"> 
    <div id="home" class="buttons"> 
     Home 
    </div> 
    <div id="cv" class="buttons"> 
     CV 
    </div> 
    <div id="nyheter" class="buttons"> 
     Nyheter 
    </div> 
    <div id="movie" class="buttons"> 
     Film 
    </div> 
    <div id="games" class="buttons"> 
     Spill 
    </div> 
    <div id="music" class="buttons"> 
     Musikk 
    </div> 
    </div> 
</div> 

回答：

以上是 如何在悬停时关闭底部的3px间隙？ 的全部内容， 来源链接： utcz.com/qa/257602.html