如何保留页面正文(html)?

时间:2011-04-14 23:39:24

标签: html

我使用了以下

<body topmargin="0" leftmargin="0" rightmargin="0">

仅适用于IE6。我希望它能与firefox和opera一起使用。

我尝试了以下内容:

<style type="text/css">
.header {
    width: 100%;
    background-color: #3B5998;
    height: 35px;
    margin-top:0;
}
.style1 {
    margin-right: 38px;
}
.style2 {
    width: 100%;
    background-color: #3B5998;
    height: 35px;
}


</style>

<div dir="rtl" class="style2" style="width: 100%">
<p align="center"style="width: 92px; height: 32px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #EFF1F6;" class="style1"></p>
</div>

</body>

8 个答案:

答案 0 :(得分:33)

首先,您可以使用:

<body style="margin:0;padding:0">

一旦你研究了一下css,你可以把它改成:

body {margin:0;padding:0}

在样式表中。

答案 1 :(得分:3)

是的CSS引物不会在这里受到伤害所以你可以做两件事: 1 - 在你的html标签中你可以打开这样的样式标签:

<style type="text/css">
  body {
   margin: 0px;
  }
  /*
   * this is the same as writing
   * body { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;}
   * I'm adding px here for clarity sake but the unit is not really needed if you have 0
   * look into em, pt and % for other unit types 
   * the rules are always clockwise: top, right, bottom, left
  */
</style>

2-以上虽然只能在你嵌入此代码的页面上工作,所以如果你想在10个文件中重复使用它,那么你必须将它复制到所有10个文件上,如果你想做一个改变让我们说有5px的余量,你必须打开所有这些文件并进行编辑。这就是为什么使用外部样式表是前端编码的黄金法则。 因此,将身体声明保存在一个名为style.css的单独文件中,并将其添加到您的html中:

<link rel="stylesheet" type="text/css" href="style.css"/>

现在,您可以将其放入将受益于这些样式的所有页面中,并且无论何时需要更改它们,您只需要在一个地方执行此操作。希望能帮助到你。干杯

答案 2 :(得分:2)

内容的Html,样式的CSS

<body style='margin-top:0;margin-left:0;margin-right:0;'>

答案 3 :(得分:1)

你需要使用css。这就是现代网页设计如何完成任务。

这是一个基本的css步骤。

你的html文件就像:

(非常简单的HTML)

    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="mystyle.css" />
    </head>
    <body>
    </body>
    <html>

你的css文件(mystyle.css)看起来像是:

body 
{
 margin-top:0px;
 margin-left:0px;
 margin-right:0px;

}

答案 4 :(得分:1)

尝试使用CSS

body {
   margin: 0 0 auto 0;
}

订单从顶部开始顺时针方向,因此top right bottom left

答案 5 :(得分:1)

我希望这会有所帮助..如果我理解了这个问题

html{
     background-color:green;
}

body {
    position:relative; 
    left:200px;    
    background-color:red;
}
div{
    position:relative;  
    left:100px;
    width:100px;
    height:100px;
    background-color:blue;
}

http://jsfiddle.net/6M6ZQ/

答案 6 :(得分:0)

<body topmargin="0" leftmargin="0" rightmargin="0">

我不确定你在哪里读到这个,但这是设置内联CSS样式的可接受方式:

<body style="margin-top: 0px; margin-left: 0px; margin-right: 0px;">

使用样式表:

body
{
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

答案 7 :(得分:0)

我会说:(简单零将起作用,0px为零;))

<body style="margin: 0;">

但也许会覆盖你的css。(在你之后指定不同的风格;)

如果您使用Firefox - 请查看firebug插件。

在Chrome中 - 只需右键单击该页面,然后在菜单中选择“inspect element”。在元素树中查找BODY并检查其属性。