我正在设计一个简单的标题到css的页面.我打算把两个div叠在一起.顶部有许多选项卡,底部是一个纯实体单个图像div.但是当渲染我看到,这两个div的高度增加了一个额外的5px.所以我不能把底部完全放在另一个的顶部.
自动下限为5像素.我尝试了负边距,将全局边距和填充重置为零.还没有用
遵守代码
<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 { color: #08f; font-weight: bold; text-decoration: none; } a:visited { color: #88f; } a:hover { color: #f00; } p { text-align: justify; } p.cent { text-align: left; } div.header { height: 200; } div.main_nav { display: inline-block; height: 25; width: 900; padding: 0; margin: 0; vertical-align: bottom; } div.first_tab { height: 25; float: left; } div.ind_tab { height: 25; float: left; margin-left: -10px; z-index: -5; } div.lock { margin-top: -100; height: 91; width: 900; padding: 0; margin: -5; }
身体
{
width:900px; max-width: 100%; margin: auto; padding: 0; background-image:url(images/startup/bg_2.gif); background-repeat:repeat-x; } .pad { padding: 0; margin: 0; }
http://net4.ccs.neu.edu/home/pradep/
我在这方面花了太多时间请帮忙.
解决方法
原文地址:https://www.jb51.cc/css/216578.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。