----標準答案快來看啊----
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