用CSS去掉两个div中间的空白
展开全部
<!-- 这样试试 --><font face="Arial, Helvetica, sans-serif"></font><html>
<head>
<title>1x</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
body
.table{
white-space:nowrap；
position:relative;
width:1003px;
height:auto;
border:none;
z-index:auto}.mdiv{
width:1003px;
height:auto;
overflow:hidden;
clear:both;
}.left{
float:left;
width:100px;
height:914px;
overflow:hidden;
clear:left;
}.right{
float:right;
width:100px;
height:914px;
overflow:hidden;
clear:right;
}.middle{
float:left;
width:803px;
height:914px;
}.floor{
width:1003px;
height:auto}
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (1x.psd) --><div class="table">
<!--顶层-->
<div class="mdiv"><img src="images/1x_01.gif" class="1x_01" width="1003px"></div>
<!--中间-->
<div class="table"><img src="images/1x_09.gif" width="1003px" height="9" alt=""></div>
<div class="left"><img src="images/1x_02.gif" width="100px" height="914" alt=""></div>
<div class="middle"><img src="images/1x_04.gif" width="803" height="379" alt=""></div>
<div class="right"><img src="images/1x_05.gif" width="100px" height="914" alt=""></div>
<!--底层-->
<div class="floor"><img src="images/1x_23.gif" width="1003px"></div>
</div>
<!-- End ImageReady Slices -->
</body>
</html>
<head>
<title>1x</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
body
.table{
white-space:nowrap；
position:relative;
width:1003px;
height:auto;
border:none;
z-index:auto}.mdiv{
width:1003px;
height:auto;
overflow:hidden;
clear:both;
}.left{
float:left;
width:100px;
height:914px;
overflow:hidden;
clear:left;
}.right{
float:right;
width:100px;
height:914px;
overflow:hidden;
clear:right;
}.middle{
float:left;
width:803px;
height:914px;
}.floor{
width:1003px;
height:auto}
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (1x.psd) --><div class="table">
<!--顶层-->
<div class="mdiv"><img src="images/1x_01.gif" class="1x_01" width="1003px"></div>
<!--中间-->
<div class="table"><img src="images/1x_09.gif" width="1003px" height="9" alt=""></div>
<div class="left"><img src="images/1x_02.gif" width="100px" height="914" alt=""></div>
<div class="middle"><img src="images/1x_04.gif" width="803" height="379" alt=""></div>
<div class="right"><img src="images/1x_05.gif" width="100px" height="914" alt=""></div>
<!--底层-->
<div class="floor"><img src="images/1x_23.gif" width="1003px"></div>
</div>
<!-- End ImageReady Slices -->
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1.如果是将div编程了inline-block后，之间是有间隙的。这个没有办法修改的。
2.如果希望两个div紧邻着，可以使用浮动和定位。
下面是简单的例子，进攻参考：
浮动的方式：
<style>
div {width:100px; height:100px; backgorund:#ccc; float:left;}
</style>
<body>
<div></div>
<div></div>
</body>
定位的方式
<style>
div {width:100px; height:100px; backgorund:#ccc; position:absolute; top:0;
left:0;}
.d2 {left:100px;}
</style>
<body>
<div></div>
<div class="d2"></div>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
设置两个div 的margin 和padding值都为0；这样就可以
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这得看具体代码，div之间有空白可能是div的margin属性搞的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div style="margin:0px">
</div>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
