0

所以我使用引导程序和 HTMl 样板来启动一个站点。我在从引导程序中编写品牌类时遇到问题。在 main.css 我添加了一个 .navbar .brand 类，我正在尝试将浮动更改为顶部。当我在浏览器中加载我的网页时，main.css 中的 .navbar .brand 是空白的（根据 firebug）。我可以在使用萤火虫时将引导浮动值编辑到顶部，但我似乎无法使用自己的样式表覆盖。

    <link rel="stylesheet" href="css/bootstrap-responsive.min.css">
    <link rel="stylesheet" href="css/main.css">        
    .
    .
    .
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <a class="brand" href="">Alex</a>

在 bootstrap.css 中

.navbar .brand {
  display: block;
  float: left;
  padding: 17px 20px 17px;
  margin-left: -20px;
  font-size: 20px;
  font-weight: 200;
  color: #ffffff;
  text-shadow: 0 1px 0 #013435;
}

在 main.css

.navbar .brand {
  float: top;
}

然后当我查看元素时在萤火虫中

.navbar .brand {        main.css (line 27)
}
4

2 回答 2

1

问题是float:top不是一个有效的规则。所以浏览器会识别选择器，但不会识别您应用的规则。

这些是 的可能值float：

  • float: left
  • float: right
  • float: none
  • float: inherit

有用的文章：https ://developer.mozilla.org/en-US/docs/CSS/float

于 2013-04-07T09:28:31.627 回答
1

float不可能top。浮动仅用于水平对齐项目。

也许position:relative+position:absolute技术会为你做：定位绝对但相对于父

于 2013-04-07T09:30:48.473 回答