文章标签删除填充

时间:2016-02-29 18:50:56

标签: css html5

我想使用文章标记在论坛帖子下创建堆叠评论部分。我尝试使用

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

2 个答案:

答案 0 :(得分:0)

阅读有关reset CSS technic

的任何内容

您必须从您的文章的父母之一继承填充/保证金。

当然你也可以使用firebug / chrome dev工具来检查你想要重置属性的声明的确切位置。

enter image description here

答案 1 :(得分:0)

我找到了罪魁祸首..小组类有一个底边:20px;