我有一个简单的水平列表菜单，当我有一个填充的全局（*）设置时工作正常：0。出于其他原因，我需要将该填充作为全局设置，但我不知道如何使其适用于列表。
\n\n现在，列表中的每个条目在第一个条目左侧可能有半英寸的空白块。如果我能摆脱它，我就可以了。这是一个小提琴（http://jsfiddle.net/eha77way/），我将粘贴代码。
\n\n谢谢你！
\n\nCSS
\n\n * {\n border:0;\n margin:0;\n}\n\n/* navigation */\n\n#navigation, #episodenav, #pivotnav {\n border-top:3px solid #FFF;\n border-right:1px solid #FFF;\n margin:0 auto;\n list-style:none; \n}\n\n\n#pivotnav {\n background:#F0F0F0;\n border-top:3px solid #FFF;\n border-right:1px solid #FFF;\n margin:0 auto;\n width:755px;\n height:25px;\n list-style:none;\n}\n\n#navigation {\n background:#E0E0E0;\n width:755px;\n height:40px;\n}\n#episodenav {\n width:756px;\n background:#F0F0F0;\n height:25px;\n}\n#pivotnav {\n width:755px;\n background:#F0F0F0;\n height:25px;\n}\n\n#navigation li, #episodenav li, #pivotnav li {\n border-left:1px solid #FFF;\n float:left;\n list-style:none;\n}\n\n#navigation li, #pivotnav li {\n width:150px;\n}\n#episodenav li {\n width:41px;\n}\n\n#navigation a, #episodenav a, #pivotnav a {\n color:#000;\n display:block;\n text-align:center;\n}\n#navigation a {\n line-height:40px; \n}\n#episodenav a, #pivotnav a {\n line-height:25px;\n}\n\n/* content */\n#content {\n height:auto;\n margin:50px auto;\n position: relative;\n padding:30px;\n width:751px;\n background: white; \n -moz-box-shadow: 0 0 20px black; \n -webkit-box-shadow: 0 0 20px black; \n box-shadow: 0 0 20px black;\n font-family: \xe2\x80\x98Palatino Linotype\xe2\x80\x99, \xe2\x80\x98Book Antiqua\xe2\x80\x99, Palatino, serif;\n}\n#content h1 {\n border-bottom:1px dashed #999;\n font-size:2em;\n padding:25px 5px;\n font-family: \xe2\x80\x98Trebuchet MS\xe2\x80\x99, Helvetica, sans-serif;\n}\n#content h2 {\n font-size:1.6em;\n padding:25px 5px;\n font-family: \xe2\x80\x98Trebuchet MS\xe2\x80\x99, Helvetica, sans-serif;\n}\n#content h3 {\n font-size:1.1em;\n padding:20px 5px;\n font-family: \xe2\x80\x98Trebuchet MS\xe2\x80\x99, Helvetica, sans-serif;\n}\n#content p {\n padding: 10px 5px;\n line-height: 21px;\n}\n#content textarea {\n border: 1px solid #cccccc;\n}\n#list {\n margin-left: 50px;\n}\n超文本标记语言
\n\n <body>\n\n <div id="content">\n\n <div id="navigation">\n <ul>\n <li><i>Ulysses</i> by Episode</a></li>\n <li>Pivot Points</a></li>\n <li>Projects</a></li>\n <li>Collections</a></li>\n <li>About Ashplant</a></li>\n </ul>\n </div>\n\n<h2>TEST</h2>\n\n</div>\n\n</body>\n</html>\n| 归档时间： |
|
| 查看次数： |
5169 次 |
| 最近记录： |