html - 盒子阴影落在容器外

Question

我有一个.container有n个（left-block和right-block）div的。但是box-shadow浮动到右侧的元素落在容器之外。
是否可以带box-shadow内部.container而不是使用margin-right

score 2 · Accepted Answer

只需添加overflow:hidden到您的.container：

.container {
    overflow:hidden;
}

score 2 · Accepted Answer

您可以在容器中添加一些填充以进行补偿。

.container {
  /* ... */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
}

border-box将防止您添加的填充影响您的width: 100%.

score 1 · Accepted Answer

明确实现您所要求的唯一方法是添加右边距。

.right-block {
    margin-right: 10px;
}

score 0 · Accepted Answer

0

如果我理解正确，你需要它

.right-block {box-shadow: -10px 10px 5px #888888;}

于 2013-10-23T13:50:24.013 回答

4 回答 4