----标准答案快来看啊----
em
{
width:20px;
height:16px;
background:url(" http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg") no-repeat 0 -16px;
text-align:center;
font-style:normal;
float:left;
}
*
{
list-style-type:none;
color:#000;
text-decoration:none;
}
.top em
{
color:#fff;
background-position:0 0;
}
em
{
width:20px;
height:16px;
background:url(" http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg") no-repeat 0 -16px;
text-align:center;
font-style:normal;
float:left;
}
*
{
list-style-type:none;
color:#000;
text-decoration:none;
}
.top em
{
color:#fff;
background-position:0 0;
}
分享2:<li><span>2014-05-28</span><a href="news_html">【慕课访谈】破茧成蝶--美女程序员的蜕变</a></li>
<li><span>2014-06-01</span><a href="news_html">【慕课访谈 用户篇】“有为屌丝在路上”</a></li>
<li><span>2014-06-01</span><a href="news_html">【有奖活动】给父亲的三行书信</a></li>
<li><span>2014-06-01</span><a href="news_html">【慕课访谈 用户篇】“有为屌丝在路上”</a></li>
<li><span>2014-06-01</span><a href="news_html">【有奖活动】给父亲的三行书信</a></li>
2016-12-02
分享:
<li><span>2014-06-01</span><a href="news_html">【慕课访谈 用户篇】“有为屌丝在路上”</a></li>
<li><span>2014-06-01</span><a href="news_html">【有奖活动】给父亲的三行书信</a></li>
<li><span>2014-05-30</span><a href="news_html">《程序,请晒出你的童年》活动获奖公告</a></li>
<li><span>2014-06-01</span><a href="news_html">【慕课访谈 用户篇】“有为屌丝在路上”</a></li>
<li><span>2014-06-01</span><a href="news_html">【有奖活动】给父亲的三行书信</a></li>
<li><span>2014-05-30</span><a href="news_html">《程序,请晒出你的童年》活动获奖公告</a></li>
2016-12-02
.tooList ul li {height: 30px;}
.topList ul li p a:link,a:visited{ color: #red;}
.topList ul li p a:hover,a:active{ color: #blue;}
这几段代码不生效 我也是日了狗了;
.topList ul li p a:link,a:visited{ color: #red;}
.topList ul li p a:hover,a:active{ color: #blue;}
这几段代码不生效 我也是日了狗了;
我们把盒子2的宽度改成1000像素,我们可以看到盒子1和盒子2还是在一行上2333
其实给盒子2添加overflow:hidden让他适应BFC的规则就行了
其实给盒子2添加overflow:hidden让他适应BFC的规则就行了
2016-11-30