Html CSS在Wordpress主题中被覆盖

我有一个3列的div，每列都包含一个缩略图链接。我对这个div-

。阅读窗格

——进行了样式设计，使其具有正确的边距和边框，以适应我的设计。还有一个内部div -

行\内部\包装器

——由我正在使用的主题创建。没有为这个div设置宽度-它应该只容纳三个缩略图div。但是，

.row\u internal\u wrapper

div比图像div的总和要宽，这使得我的

.reading窗格

div扩展到页面右侧

我找不到使用Firebug会导致这种情况的样式。然而，在Chrome中，我可以看到当我将鼠标移到这个div上时，有一个右边距，即使没有应用这样的样式规则。我甚至可以设置

边距：0px！重要信息

在该div上，保证金仍然有效。关于我的幻影CSS可能来自哪里，有什么建议吗

你可以在这里看到有问题的页面

HTML

---

在您的

.reading窗格中

div中，您有一个类

.full\u width.sidebar-none.themify\u builder.themify\u builder\u row

---

这个类有一个规则

宽度：100%。当我删除此规则时，
.reading pane
div的位置正确。
只需将下面代码块的宽度设置为
自动
。100%将其拉伸到其父级之外

 .themify_builder_row.fullwidth, 
.themify_builder .module_row.fullwidth, 
.full_width.sidebar-none .themify_builder .themify_builder_row {
 width: auto;
}

对，顺便说一句，
行内部包装上没有空白，只是Chrome web inspector不清楚。如果将
row\u internal\u wrapper
设置为
display:inline block
，这将不再显示。是的，我认为这不太正确@pgk感谢您的回答-对时尚极客的正确回答，因为他们是第一个。谢谢：）@SamCampsall实际上pgk是第一个，看看发布这两个答案的时间：）@vard感谢您的支持，但是如果这是SamCampsall的决定：）Grr！我花了好长时间才明白这一点。谢谢！：）欢迎很高兴我能帮忙！
.reading-pane{
background-color:#ffffff;
background-image: url('leftcolumn.png');
background-repeat:repeat-y;
margin:30px;
padding:25px 25px 25px 103px;
}
.row_inner_wrapper{
margin:0px 0px 0px 0px !important;
}  

 .themify_builder_row.fullwidth, 
.themify_builder .module_row.fullwidth, 
.full_width.sidebar-none .themify_builder .themify_builder_row {
 width: auto;
}