最贊回答 / 站在樹端的貓
把<ul>標簽默認樣式清零即添加{margin:0；padding:0；}同時為<li>添加text-align:center；margin:0 10px；?
2015-06-14
已采納回答 / wengyaqiang
樓上并沒有說出問題的實質，盡管“cat類名下所有的i，而后者則是cat內的li內的i,這兩者是有明顯區別的”這句話沒錯，但是在這個實例中， .cat i和 .cat li i是指向相同的元素。 我覺得題主提出了一個很好的問題，所以在我一番探索之后，得出了答案感覺很有成就感！問題的關鍵點在于樣式的優先級！以.cat-2 i樣式為例，我們看到樣式中關于 li 標簽屬性的設置，有.cat i 和 .cat-2 i，如果我們同時在其中設置背景圖片，如.cat i {? ? background:url(image...
2015-06-10
最贊回答 / 慕運維0124838
隱性改變display類型有一個有趣的現象就是當為元素（不論之前是什么類型元素，display:none 除外）設置以下 2 個句之一：position : absolutefloat : left 或 float:right元素會自動變為以?display:inline-block?的方式顯示，當然就可以設置元素的 width 和 height 了且默認寬度不占滿父元素。
2015-06-09
<body>
<div class="container">
<form method="post" class="login-form">
<dl class="top clearfix">
<dd>
<input type="text" name="email" class="input-text">
</dd>
</dl>
<div class="container">
<form method="post" class="login-form">
<dl class="top clearfix">
<dd>
<input type="text" name="email" class="input-text">
</dd>
</dl>
<dl class="pwd clearfix">
<dd>
<input type="text" name="email" class="input-text">
</dl>
<dl class="rbkw">
<dd>
<input type="checkbox" value="1" name="kw" /> 下次自動登錄 <a href="#">忘記密碼？</a>
</dd>
</dl>
<dd>
<input type="text" name="email" class="input-text">
</dl>
<dl class="rbkw">
<dd>
<input type="checkbox" value="1" name="kw" /> 下次自動登錄 <a href="#">忘記密碼？</a>
</dd>
</dl>