我页面上的section应位于页面中间。 这里的代码如果section

section{
margin: 0 auto;
margin-top: 100px;
margin-bottom: 50px;
width: 1000px;

但该部分的右侧增加了10px。 如果更改页面的大小,则可以更好地看到它:

图片

希望您能看到我的问题并能对我有所帮助。 告诉我是否要在这里写入整个CSS文件。

===============>>#1 票数:4 已采纳

您的商品标签正在容器中溢出。 由于边框的缘故,其宽度最终为300px + 4px + 4px。 如果将box-sizing设置为border-box ,width将正确说明border:

article {
  width: 1000px;
  border: 4px solid rgb(25, 25, 25);
  background-color: rgb(75, 75, 75);
  float: left;
  -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
  box-sizing:border-box;
}

许多框架(例如Twitter Bootstrap)都可以进行*{box-sizing:border-box;}因为它更加直观。

编辑:

请注意,虽然此解决方案是一种常见的模式,但是在现有页面中更改box-sizing可能会弹出其他内容,特别是因为您一直在使用px宽度而不是基于百分比的宽度。 您可能只想在该section执行width:308px可以防止其他问题。

我建议border-box更健壮,但这取决于您。

  ask by Name translate from so

未解决问题?本站智能推荐:

4回复

在HTML页面顶部删除10px的空白

我有一个非常简单的HTML页面,其中包含非常简单的样式表。 页面顶部的空白为10px ,不会消失。 这是我的布局和样式: 这是我的HTML
2回复

向div添加10px填充或边距没有区别

在以下情况下,我试图向内部的div添加10px的边距或填充,该div具有类“ url”,但没有任何用处。 我可以看到,给它一个120px的边距可以完成这项工作。 我该如何做类似我尝试做的事情,仍然有10px的边距或使用类URL填充到div? 同样,具有类状态的div不会水平对齐
1回复

将4 div放在同一行,边距为10px

我有一个父div和4个子div。 我想在4个子元素中提供相等的空格,边距为10px,边距为10px。 当我们提供保证金时,div会进入第二行,但我想将div放在一行中,宽度相等,并且应该使用保证金。 div { width:100%; } div div { width: 2
7回复

IE8 - 保证金最高的容器:10px没有保证金

编辑:这只发生在IE8中,它在IE7,Firefox,Opera等中运行良好 首先,这是我在photoshop中制作的一张图片来展示我的问题: http : //richardknop.com/pict.jpg 现在你应该了解我的问题。 这是我正在使用的标记的简化版本(我遗漏了大多
4回复

div p {margin-bottom:10px;}不起作用[重复]

这个问题已经在这里有了答案: 元素选择器如何比id选择器更具体? 2个答案 CSS特异性要点 7个答案 div p { margin-bottom: 10px;}无法正常工作。 不知道这里出了什么问题。 是可以正常使用的,但div p {...
2回复

如何将背景位置指定为“ margin-right:10px”?

我正在尝试将图像作为背景,并希望它向右对齐,但不紧密对齐。 像margin-right:10px。 是否可以在纯CSS中执行此操作,而无需在图像中显式添加边距? 我做了几次尝试,但都失败了... http://jsfiddle.net/cA7Un/1/ 提前致谢!
7回复

浮动两个50%宽度的div,其间的间距为10px

我想在我的页面上浮动一对流体div,每个占据容器宽度的一半,但它们之间的间隔为10px。 我已经完成了这个JSFiddle http://jsfiddle.net/andfinally/sa53B/5/ ,这里是HTML: 和CSS: 盒子大小规则不足以使这项工作 - div超
1回复

使用jQuery在div的10px中检测鼠标悬停

所以我像这样的div: ------------------ ------------------ ------------------ ------------------ 可以使用javascript或jquery 而不使用任何附加标记来检测用户何时超过10px的区域
1回复

所有都给

我怎么给所有<div>'s命名中<div>一个margin-bottom:10px; 而不是给每个人一个margin-bottom:10px; 我有: 我做了: .main div {margin-bottom:10px;}但是没有用。
1回复

试图使表格中所有元素的页边距达到10px以上

我在用表格填写登录框,要求输入电子邮件和密码。 我将所有元素都垂直放置,我试图将所有元素对齐以使其顶部和底部的边距保持10px,以使每个元素具有相同的空间。 但是我没有达到这个目标,您能帮助我了解我的错吗? 我为元素提供了一些背景,以便更容易地看到页边距,并且某些背景没有按应有