文章标签删除填充答案

【问题标题】：Article tag remove padding文章标签删除填充
【发布时间】：2016-03-01 03:15:06
【问题描述】：

我想使用文章标签在论坛帖子下方创建一个堆叠的 cmets 部分。我尝试使用

article
{
   padding:0px;
   margin: 0px;
 }

但是文章之间还是有分隔的，有没有办法让它们相互叠放，没有空间？

编辑

   <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>

CSS

              .postComment {
                margin: 0px;
                padding: 0px;
                overflow: hidden;
                }

【问题讨论】：

贴一些代码示例，因为有很多可能的原因你仍然可以看到这个填充。
使用浏览器的开发者工具找到罪魁祸首。
Article tags don't have built in padding or margins，所以.....
我删除了它们没关系，所以它是别的东西。我正在使用引导程序，我在其中一个类中猜测它的东西。

标签： css html

【解决方案1】：

阅读有关reset CSS technic的任何信息

很有可能您必须从文章的父母之一继承填充/边距。

当然你也可以使用 firebug / chrome dev 工具来检查你想要重置的属性的声明到底在哪里。

【讨论】：

【解决方案2】：

我找到了罪魁祸首.. 面板类有一个 margin-bottom : 20px;

【讨论】：