Question

这是我到目前为止所做的：

body {
  padding: none;
  background: green;
}
.layoutTable {
  width: 100%;
  height: 100%;
  border: 2px solid black;
  position: fixed;
  background: red;
  margin: 0;
  padding: 0;
}
.bodyStyle,
html,
.layoutTable {
  margin: 0px;
  padding: 0px;
}

<table class="layoutTable">
  <tr>
    <td>
      <!-- japaneseclass Schedule -->
    </td>
  </tr>
</table>

输出：

我在IE11中运行了这个代码，并且正文和表之间存在差距，我不知道如何删除它，并且设计在缩放时中断。

Answer 1

默认情况下，所有HTML文档都有一个围绕其四个角的边距。在大多数情况下，边距是理想的，有时它们与您的设计一致，例如横向跨越整个页面的标题栏。在本教程中，我将向您展示最常用于删除文档边距的两种技术，因此内容会紧贴窗口边缘。

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

Answer 2

Codepen http://codepen.io/noobskie/pen/avVQQy?editors=110

这似乎消除了元素之间的差距所有你需要做的就是添加padding:0;＆amp;对margin:0;标记body我不确定当你说缩放时设计会中断你的意思，你可以解释一下吗？

当你只能使用body作为选择器时，为bodystyle body设置一个单独的类似乎是多余的（假设这是你用的那个）

Answer 3

我认为您忘记将CSS中的bodyStyle课程附加到HTML中的body标记...

<body bgcolor="green" style="padding:none;" class="bodyStyle">

Answer 4

进行“浏览器重置”始终是一个好主意。因为所有浏览器都会以不同的方式处这就是你应该添加以下css的原因：

* {
    margin: 0;
    padding: 0;
}

如何避免html中的设计分手

4 个答案: