最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

为什么DIV一去边框距离会变_html/css_WEB-ITnose

来源:动视网 责编:小采 时间:2020-11-27 15:50:09
文档

为什么DIV一去边框距离会变_html/css_WEB-ITnose

为什么DIV一去边框距离会变_html/css_WEB-ITnose:我在容器中加入了个headerDIV块,这个块加了边框,与容器边的距离也是刚好按我设定的margin值显示,但是我一把header的边框一去,header这一块就会与容器的上边框空出一段距离,也不知道是为何,求高手指教! #container{ width:820px;
推荐度:
导读为什么DIV一去边框距离会变_html/css_WEB-ITnose:我在容器中加入了个headerDIV块,这个块加了边框,与容器边的距离也是刚好按我设定的margin值显示,但是我一把header的边框一去,header这一块就会与容器的上边框空出一段距离,也不知道是为何,求高手指教! #container{ width:820px;


我在容器中加入了个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;}


回复讨论(解决方案)

这不加边框空的都应该是一样的,如果不一样也只是差一个边框的厚度

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

问题很多,不细究,除了最外面的层,另外.top同#header层都加一个 float:left; display:inline; 试试

发两个效果的图看看

问题很多,不细究,除了最外面的层,另外.top同#header层都加一个 float:left; display:inline; 试试
可以解决,但是这是为什么呢?

文档

为什么DIV一去边框距离会变_html/css_WEB-ITnose

为什么DIV一去边框距离会变_html/css_WEB-ITnose:我在容器中加入了个headerDIV块,这个块加了边框,与容器边的距离也是刚好按我设定的margin值显示,但是我一把header的边框一去,header这一块就会与容器的上边框空出一段距离,也不知道是为何,求高手指教! #container{ width:820px;
推荐度:
标签: 为什么 距离 边框
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top