Css 物品标签移除填充物
我想使用文章标签在论坛帖子下面创建一个堆叠的评论部分。我试着用Css 物品标签移除填充物,css,html,Css,Html,我想使用文章标签在论坛帖子下面创建一个堆叠的评论部分。我试着用 article { padding:0px; margin: 0px; } 但是物品之间还是有分隔的,有没有办法把它们叠在一起,没有空间 编辑 阅读任何关于 很有可能您必须从您文章的父级继承填充/边距 当然,您也可以使用firebug/chrome开发工具来检查要重置的属性的确切位置 我找到了罪犯。。面板类的底部有一个余量:20px 发布一些代码示例,因为有很多可能的原因,您仍然可以看到这种填充。使用浏览器的开发人员
article
{
padding:0px;
margin: 0px;
}
但是物品之间还是有分隔的,有没有办法把它们叠在一起,没有空间
编辑
阅读任何关于
很有可能您必须从您文章的父级继承填充/边距
当然,您也可以使用firebug/chrome开发工具来检查要重置的属性的确切位置
我找到了罪犯。。面板类的底部有一个余量:20px 发布一些代码示例,因为有很多可能的原因,您仍然可以看到这种填充。使用浏览器的开发人员工具来查找罪魁祸首元素,因此…..如果他们这样做了也没关系,我将它们删除了,所以这是另外一回事。我用的是bootstrap,我猜它是在其中一个类中。
<article class="postComment">
<div class="panel panel-default">
<div class="panel-body">
<div class="row">
<div class="col-lg-6 post-content">
<p>Sweet!.</p>
</div>
</div>
</div>
<div class="panel-footer post-info-b">
<div class="row">
<div class="col-lg-10 col-md-9 col-sm-8">
<i class="fa fa-clock-o"></i> 2/18/2016 9:52:40 AM <i class="fa fa-user"> </i><a href="Resident?id=2bfc98cc-88b0-4977-8dbb-73912dfef461">steve.biermann</a>
</div>
</div>
</div>
</div>
</article>
<article class="postComment">
<div class="panel panel-default">
<div class="panel-body">
<div class="row">
<div class="col-lg-6 post-content">
<p>Thanks for the information!.</p>
</div>
</div>
</div>
<div class="panel-footer post-info-b">
<div class="row">
<div class="col-lg-10 col-md-9 col-sm-8">
<i class="fa fa-clock-o"></i> 2/16/2016 12:30:44 PM <i class="fa fa-user"> </i><a href="Resident?id=712cd4ae-b5d0-49c9-ad3f-5168f2adc947">sam.cromer</a>
</div>
</div>
</div>
</div>
</article>
</article>
.postComment {
margin: 0px;
padding: 0px;
overflow: hidden;
}