最赞回答 / 站在树端的猫
把<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>