设计具有固定标题的网站,其中包含一些按钮.我希望按钮放在彩色行(NAV)上.这就是为什么我做了NAV的孩子.但是我似乎无法将按钮放在栏上.

HTML

    @RenderBody()

CSS

nav, div, li {        -moz-box-sizing: content-box;        -webkit-box-sizing: content-box;        box-sizing: content-box;        border: 1px dashed black;    }    .row {        width: 100%;        padding-left: 20px;        padding-right: 20px;    }    nav {        position: fixed;        top: 80px;        height: 40px;        z-index: 100;        background-color: Green;        border-bottom: solid greenyellow 2px;    }    .menu li {        display: block;        background-color: darkgreen;        float: left;        height: 40px;        width: 60px;    }    .menu a {        color: white;    }

结果

它可以通过几个方面来修复,例如按钮边距或相对于负顶部偏移放置按钮.然而,这些解决方案感觉“脏”,就像它不是正确的方法.为什么LI不在资产净值之上？

尝试添加

ul {    margin: 0;}

你可以通过使用css reset来避免这些问题(Eric Meyer是这里的权威：http://meyerweb.com/eric/tools/css/reset/)或Necolas’Regrationize.css：http://necolas.github.io/normalize.css/

第一个将所有元​​素的所有值都归零 – 你必须重建像列表这样的元素的样式.

第二个规范化元素的值以修复浏览器的不一致性