相关疑难解决方法(0)

我正在尝试在css中为页面设计一个简单的标题.我计划将两个div叠加在一起.顶部有一个标签,底部是一个简单的单个图像div.但是在渲染时我发现额外的5px被添加到这两个div的高度.所以我无法将底部正好放在另一个底部.

自动存在5px的底部保证金.我尝试了负边距,将全局边距和填充重置为零.仍然没有用.

继承人的代码.

<div class ="main_nav">
 <div class="first_tab">
 <img src ="images/startup/tab1_brown.png" height="25" width="90" alt="Temp" /> 
 </div>
 <div class = "ind_tab">
 <img src ="images/startup/tab1_orange.png" height="25" width="90" alt="Temp"/>
 </div>
 <div class = "ind_tab">
 <img src ="images/startup/tab1_brown.png" height="25" width="90" alt="Temp" />
 </div>
</div>
<div class="lock">
 <img src ="images/startup/divbg_new.png" alt="Temp" />
</div>

CSS:

 *{ margin:0; padding:0; }
ul.master_navigation
{
    font-size: 125%;
    font-weight: bold;
    text-align: center;
    list-style: none;
    margin: 0.5em 0;
    padding: 0;
}

ul.master_navigation li
{
    display: inline-block;
    padding: 0 1%;
}

a
{ …