为什么DIV一去边框距离会变

chenjwjw 2012-04-20 06:26:07
我在容器中加入了个headerDIV块,这个块加了边框,与容器边的距离也是刚好按我设定的margin值显示,但是我一把header的边框一去,header这一块就会与容器的上边框空出一段距离,也不知道是为何,求高手指教!


#container{
width:820px; height:100%;
border:1px solid #b58505;
margin:0px auto;
}
.top{
width:100%; height:52px; font-size:18px;
text-align:right; line-height:40px;
padding-right:20px; margin-left:-10px; margin-top:-10px;
background:url(../images/top.gif) repeat-x;
}
.top a:hover{ color:red; text-decoration:underline;}
.top #srh{
vertical-align:top; margin-top:10px;
width:150px; height:18px; border:1px solid gray;

}
#header{
width:812px; height:303px;
border:1px solid gray;
margin:2px auto 0px;
background:url(../images/header_bg.png) no-repeat center;
}
...全文
216 4 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
小呆家的瓜哥 2012-05-17
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 zhoulina251314 的回复:]

问题很多,不细究,除了最外面的层,另外.top同#header层都加一个 float:left; display:inline; 试试
[/Quote]
可以解决,但是这是为什么呢?
SmileSkyNet 2012-04-21
  • 打赏
  • 举报
回复
发两个效果的图看看
zhoulina251314 2012-04-20
  • 打赏
  • 举报
回复
问题很多,不细究,除了最外面的层,另外.top同#header层都加一个 float:left; display:inline; 试试
wzhiyuan 2012-04-20
  • 打赏
  • 举报
回复
这不加边框空的都应该是一样的,如果不一样也只是差一个边框的厚度

是不是你去掉边框看不出界线在哪里,所以以为空的多了?

61,129

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧