Div正在留下小小的空白空间并且没有填充宽度100％

我想要一条填满整个屏幕中间的灰色直线。我有点像<hr>但我不想使用<hr>。但是，当我尝试使用它时，我的div的右侧总会有一些空白空间，我无法摆脱。Div正在留下小小的空白空间并且没有填充宽度100％

这里是我的HTML代码：

这里是我的CSS：

@charset "utf-8"; 
/* CSS Document */ 
*{ 
    padding-left:0; 
    padding-right:0; 
    margin-left:0; 
    mergin-right:0; 
} 

#rule{ 
    background-color:#fff; 

    margin-left:auto; 
    margin-right:auto; 

    height:40px; 
    width:100%; 
    webkit-box-shadow: inset 2px 3px 10px 3px rgba(0, 0, 0, 0.5); 

    box-shadow: inset 2px 3px 10px 3px rgba(0, 0, 0, 0.5); 
}

来源

2013-02-17 spogebob92

我想这是因为你在你的代码中的错字。在*选择器中，mergin-right:0应该是margin-right:0。

* { 
    padding-left:0; 
    padding-right:0; 
    margin-left:0; 
    margin-right:0; 
}

See this JS Fiddle example。

来源

2013-02-17 23:03:14 JSW189

没有已经没有做这件事，但我觉得对于拼写错误的白痴！哈哈 – spogebob92 2013-02-17 23:05:39

嗯。你有没有试过让父母的宽度达到100％（例如'html，body {width：100％}' – JSW189 2013-02-17 23:10:16

@SamStone JSW提供的代码的小提琴（修正了错字）显示右边没有空格。将需要提供问题的演示。 – cimmanon 2013-02-18 00:42:35

清楚我通常做我所有的CSS文件的开头是其中u立场，可以添加填充摆脱所有默认边距和补和边框的通过一切设置为0

然后，您可以准确地知道，边际和边界以后你认为合适。

像这样一切都设置为零：

*{margin: 0;padding: 0px;border:0;}

来源

2013-02-18 00:22:41

Div正在留下小小的空白空间并且没有填充宽度100％

回答

相关问题