当浏览器尺寸变小时,我在div和浏览器窗口边缘之间的右侧获得空间。如何删除该空间?如何删除div和页面之间的空间
我的截屏在这里 https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-ash3/538697_4098812043002_480328736_n.jpg
我的编码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="c.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
background-color: #0CF;
background-image:url(tile.png);
background-attachment:fixed;
background-repeat: repeat;
}
</style>
</head>
<body topmargin="0" leftmargin="0" bottommargin="0" rightmargin="0">
<div id="dd" style="background-color:#0094d6; width:100%; height:75px;" class="center div_border"><div id="a" style="width:967px; height:75px; background-color:#000000;background:url(xx.png); font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#003; " class="inner">
<table width="100%" border="0" >
<tr >
<td width="1%" height="14"> </td>
<td width="1%"> </td>
<td width="1%"> </td>
<td width="1%"> </td>
<td width="1%"> </td>
<td width="1%"> </td>
<td width="1%"> </td>
<td width="1%"> </td>
<td width="1%"> </td>
<td width="1%"> </td>
<td width="33%"> </td>
<td width="12%"> </td>
<td width="32%"> </td>
<td width="5%"> </td>
<td width="1%"> </td>
<td width="7%"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td colspan="3"><div style="background-color:#006d9e;border-radius:3px; width:250px; height:34px; display: table;
vertical-align: middle; color:#FFF; ">
<table width="100%" border="0" >
<tr >
<td width="43%" style="text-align:center"> Start to bump !</td>
<td width="29%"><input name="login_btn" type="submit" class="login_button" id="login_btn" value="Log in" /></td>
<td width="28%"><input name="register_btn" type="submit" class="register_button" id="register_btn" value="Register" /></td>
</tr>
</table>
</div></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td style="color:#FFF; font:Arial, Helvetica, sans-serif; font-size:9px; text-align:right;">Beta Version</td>
</tr>
</table>
</div></div>
<div class="center box2" style="width:967px;background-color:#f1f5f6;">
<div style="width:967px; height:75px;">
</div>
<div id="aa" class="center" style="width:967px">
<p> ***********START**********************************lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsumrem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
</div>
</div>
<div id="dd" style="background-color:#0094d6; width:1366; height:45px; " ><div id="a" style="width:967px; height:45px; background-image:url(footer.png); position:relative;"class="inner" >
<table width="100%" border="0">
<tr>
<td> </td>
<td style="font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#FFF; text-align:center"> Copyright © LCB 2013, All rights reserved. </td>
<td> </td>
</tr>
<tr >
<td width="30%"> </td>
<td width="43%"> </td>
<td width="27%"> </td>
</tr>
</table>
</div>
</div>
</body>
</html>
没有空间给我:http://codepen.io/hmartiro/pen/ntGAB。但是,您应该右键单击该空间,然后在Chrome中选择“检查元素”,这应该会引导您了解您的情况。 –
只有当浏览器窗口大小变小时才会获得。使浏览器窗口尺寸变小并查看。 –
我认为问题出在您的背景图片上,请尝试删除该图片并尝试一次.... – mani