Question

请您查看我的代码和网站，让我知道为什么div的顶部边框仍然存在，尽管我将div边框样式设置为none，然后设置为0px宽度。 / p>

以下是代码：

<div class="well well-large  zerobox clearfix">
      <div class="zerobox margo pull-left">
          <img class="img-polaroid" alt="" src="http://placehold.it/260x120">
      </div>
      <div class="well well-large zerobox margo bordernone pull-right">
           <h4 class="text-error">Why The Top Border Still Here</h4>
                <br />
                <p>Test</p>
               <p>Test</p>
      </div>
</div>

我的自定义样式是：

<style>
.zerobox{margin: 0; padding: 0;}
.margo{ margin: 10px 15px 10px 10px;}
.bordernone{border: solid 0px #F5F5F5;}
</style>

以下是Link到我的网站。请查看顶部＆＃34; 为什么顶部边框仍然在这里＆＃34;你可以在那里找到一条灰线。

Answer 1

那不是边界。这是来自你div上的bootstrap box-shadow inset类的.Well。你需要在你的bordernone课程中重置它。

将此内容提交给您的bordernone班级 Demo

-webkit-box-shadow: initial ;
-moz-box-shadow: initial ;
box-shadow: initial ;

这是应用的bootstrap css类。

.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

顶部边框样式不从Bootstrap中的Div中删除

1 个答案: