CSS中的边界问题

这也许是一个简单的问题。。。我是个新手，很抱歉如果是

我在我的网站上的主图像周围有CSS边框的问题，我已经在我的博客页面上使用了它，但是在我的主页上的royalslider插件上无法使用相同的样式。基本上，我希望它在主页上的外观与博客页面上的图像完全相同

工作链接：

不工作：

我做错了什么

CSS:
.ab-royalslider {
  position: relative;
  zoom: 1;
padding: 32px;
  -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2);

编辑： 似乎我们正在到达那里。。。谢谢你的帮助！我仍然有一个底部边框离图片太远

---

我曾希望在.abSliderSkin样式的Royalslider CSS样式表中实现这一点，但我无法让它工作…：（如果有人对我如何改进这一点有想法，我会非常感激的。

我认为你应该先检查一下你的div。当我检查元素时，我注意到结构不同。而且区域的宽度也不同。在第一个链接中你有一个名为header preview的div。在第二个链接中，你基本上不包含r是不同的

---

这是我的第一次重新应用，希望它能帮助您。

可能是因为第二个链接中没有ab类royalslider的元素，所以您必须将阴影应用到其他元素。请尝试使用.rsOverflow或.royalslider

.ab滑块-添加填充：42px 0

#主页，#故事-删除页边空白

#新-1-有直列式门梃，高度约为415像素；宽度：684像素

---

试试看，虽然我不喜欢这种结构，但它可以做得更简单更干净。

我认为你应该禁用“css优化/组合”“在管理区域，我们可以确定您必须在哪个文件中进行哪些编辑，因为目前我们正在获得一个优化/组合的css文件，因此很难确定哪个文件存在故障。

您需要对css文件进行更改：

在线号码1390

.rsimg{

//删除边距：0px！重要和其他样式

}

及

在线号码1392

.rsOverflow{

//移除高度：415px！重要信息

}

试试看，这样行吗

---

我用fire bug找出了这些变化

你在谈论myatix的哪个边框？最好在主页部分添加框阴影buddy@myatix不要担心寻求帮助。每个人都曾经是新手。我添加了一个div，它帮助了问题，但没有解决它…：（现在它显示在主页上，但没有对齐中心？我已经在网站上显示了边框，但现在它没有对齐中心，就像它在已经工作的页面上一样。我认为这是正确的方式，通过向royalslider自定义皮肤添加样式，但如何确保边界与图像足够远在中间对齐？ThanksI不知道aligend在中间到底是什么意思，但在royalslider元素中设置阴影的一个潜在问题是，它有固定的高度，并且内部的图像可能不完全匹配，从而导致不希望的“煽动阴影”效果。我会尽量不设置此元素的固定高度，然后调整它以适应其内容（溢出：隐藏等）。感谢您的回复…：）当我添加填充物时，它看起来像是出现了3个边框？你知道为什么吗？我刚看了它，现在它很好，只需制作#new-royalslider-1:height 415 px！重要；和。rsContent img:padding:0px；谢谢Vladislav…你一如既往地很棒…：）