Question

我有一个带有母版页的asp.net网页表单。我有三个div ...一个使用class="navbar navbar-default navbar-fixed-top"，另一个使用class="main-content"，最后一个使用class="navbar navbar-default navbar-fixed-bottom"。

我现在有一个小东西.. div之间出现分离线。我怎么能删除它？感谢

<div class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <div class="container">
      <div class="navbar-header">
        <img alt="Tu Conjunto" src="../../Imagenes/Img/General/Edificio_Trans2.png" style="position: absolute; top: -2px; right: 0;" />
        <asp:ImageButton ID="IdButton" OnClick="IdButton_Click" Width="68" Height="56" runat="server" ImageUrl="~/Imagenes/Img/General/Exit4.png" style="position: absolute; top: -1px; left: -1px;" />
        <asp:Panel ID="pnlMenu" runat="server" Style="margin: 0px; font-size: 14px; font-weight: bold;">
          <ul class="nav navbar-nav navbar-right">
            <li><a style="font-weight: normal; font-size: 13px;" runat="server" href="~/Account/Manage" title="Usuario Logueado">Bienvenido, <%: Session["NombreUsuario"]  %> !</a>
            </li>
          </ul>
        </asp:Panel>
      </div>
    </div>
  </div>


  <div class="main-content" style="border: none;">
    <div class="UnEspacioArriba30"></div>
    <asp:ContentPlaceHolder ID="MainContent" runat="server">

    </asp:ContentPlaceHolder>
  </div>


  <div class="navbar navbar-default navbar-fixed-bottom">
    <p>&copy;
      <%: DateTime.Now.Year %>- My ASP.NET Application</p>
  </div>

Css是来自bootstrap的Cerulean主题。

Answer 1

在Bootstrap的CSS文件之后添加以下CSS（在自己的文件或内联中）：

.navbar-fixed-top,
.navbar-fixed-bottom {
    border:0!important;
}

Answer 2

原因可能是边界或大部分填充边距

.navbar-fixed-top,
.navbar-fixed-bottom {
    border:0!important;
    padding:0!important;
    margin:0!important;
}
/*for show*/
.navbar-fixed-top,
.navbar-fixed-bottom {
    background:#00f;
}
.main-content {
    background:#0f0;
}

<div class="navbar navbar-default navbar-fixed-top">nav</div>
<div class="main-content">content</div>
<div class="navbar navbar-default navbar-fixed-bottom">footer</div>

页眉，正文和页脚之间的行分隔符

2 个答案: