对齐到最右侧

我有下面的代码，例如：对齐到最右侧

的jsfiddle：http://jsfiddle.net/ntcg3/4/

HTML：

<html> 
    <p class="hey">hi</p> 
</html>

CSS：

.hey { 
    width:100%; 
    background-color:red; 
    margin:0; 
    padding:0; 
}

页面右侧仍有一些填充。

我该如何摆脱填充，使红色背景颜色延伸到页面的最后？

来源

2012-09-07 agassi0430

嗨..欢迎来到SO ..你能不能给我们展示更多的代码..或者，也许你可以在JSFiddle.net上创建一个小提琴来展示它。 –

你使用什么浏览器？ – Michael

我正在使用chrome – agassi0430

当你默认了<body>和其他一些元素，如段落标记（<p>），标题标签（<h1>，<h2> ... <h6>）等创建一个HTML页面...有默认padding和margins

所以你需要通过添加以下CSS来清除这些保证金：

html, body, p, h1, h2, h3, h4, h5, h6 { 
    margin:0; 
    padding:0; 
}

详情见CSS RESET

复位样式表的目的是减少之类的东西默认的行高度，页边距和标题的字体大小，等浏览器的不一致性。

一个CSS复位的例子：

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, 
time, mark, audio, video { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline; 
}

来源

2012-09-07 06:33:51

尝试使用下面的CSS

*{margin:0; padding:0}

来源

2012-09-07 06:28:27 Apocalyp5e

试过了。没有帮助 – agassi0430

试试这个：

display:block; 
text-align:right;

你会得到你需要的输出

来源

2012-09-07 06:34:37 supersaiyan

这一个尝试：

.hey { 
    width:100%; 
    margin:0; 
    padding:0; 
    background-color:red; 
}

来源

2012-09-07 06:34:52

正如您应该知道的那样，浏览器会将其自己的样式添加到元素中，并且与在ul标签上创建的边距相同，则会在body标签上创建边距。我会建议首先检查元素（在大多数浏览器上使用control + shift + c），以便熟悉这些生成的样式，或者有许多“重置”css文件可以从样式中删除填充和边距或其他类似的东西

总之，如果你包括： html，body {margin：0;填充：0; } 它将确保html和body标签不会用完任何边距或填充

来源

2012-09-07 06:36:15

在您的css文件的开始处，您需要重置值。

html, body, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%; }

它会将您的所有默认值重置为零。

来源

2012-09-07 06:36:33 jeeva

尝试设置;

body,html{ 
    padding: 0; 
    margin: 0; 
}

Here是工作提琴。

来源

2012-09-07 06:36:47

对齐到最右侧

回答

相关问题