Question

继承人我所说的

section {
    width: 40%;
}

我正在创建一个包含2列的网站，一个列有关于页面右侧网站的事实部分以及页面左侧的注册表。

我把宽度：40;使右侧较小，但它在右侧留有余量，我无法摆脱它，但在那里签到表。

Answer 1

您可以在https://jsfiddle.net/或http://codepen.io/等网站上发布示例吗？

但是为了快速回答你的问题，要摆脱利润，就这样做：

margin: 0，如果不起作用，请尝试margin: 0 !important。

我会做像

这样的事情

.sign-up-section,
.facts-section {
    float: left;
    margin: 0;
    height: auto;
}

.sign-up-section {
    width: 60%;
}    

.facts-section {
    width: 40%;
}

Answer 2

试试这个

section {
  width: 40%;
  position:absolute;
  left:10px;
}

Answer 3

你问的问题看起来很模糊，但是如果你只想分割你的页面，那么这应该适用于你的CSS：

.left
{
  float: left;
  background-color: #0e83cd;
  width: 40%;
  height: 50em;
}
.right
{
  float: right;
  width: 60%;
  height:50em;
  background-color: #9e83cd;
}

创建此： Image 希望有所帮助。

Answer 4

一般来说，我更喜欢完全摆脱身体边缘，然后使用ID代码来改变单个元素边距。在CSS中使用它：

body  {
margin: 0;

它应该清除边距的元素和子元素，然后您可以返回并在需要时单独添加边距。：）

Answer 5

在你的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; }

并添加*{margin:0;padding:0;}

它在所有浏览器中提供相同的输出。它清晰的所有额外空间，边距和填充。

更多参考请访问此处：

reset.css

normalize.css

如何摆脱CSS中的边距，以便我的部分适合

5 个答案: