所以我有一个直接放在body内的元素:
<body> <div id="header">Some stuff...</div> Other stuff... </body>
以下是使用的CSS:@H_502_5@
body{ text-align:center; } #header{ margin:auto; }
所以#header div设置为100%宽度(默认),并且居中。问题是,窗口边框和#header元素之间有一个“空格”…像:@H_502_5@
| |----header----| | ^window border ^window border
我尝试用javascript调整它,并且成功地将元素的大小调整到确切的窗口宽度,但是它不会消除“空格”:@H_502_5@
$('#header').width($(window).width());
一个解决方案似乎是添加以下CSS规则(并保留上面的JavaScript):@H_502_5@
#header{ margin:auto; position:relative; top:-8px; left:-8px; }
在我的浏览器中,这个“空间”是8px – 但我不知道所有浏览器是否相同?我在Ubuntu上使用Firefox@H_502_5@