读书人

哪位高手帮忙解释上ul这个有关问题

发布时间: 2012-11-09 10:18:48 作者: rapoo

谁帮忙解释下ul这个问题?

CSS code
#index{overflow:hidden;background:#000;border:1px solid #000;}

HTML code
 <div id="outer">    <ul id="index">        <li>第一课</li>        <li>第二课</li>        <li>第三课</li>    </ul></div>

ul的css属性中overflow什么意思啊,为什么有和没有显示完全不一样啊,求解释。


[解决办法]
overflow,内容不会显示到ul的区域外面,多余的会切掉

你执行下就看到区别了

HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><style>#index{overflow:hidden;background:#000;border:1px solid #000;color:#f00;width:200px;height:40px;}#index2{background:#000;border:1px solid #000;color:#f00;width:200px;height:40px;}</style><div id="outer">    <ul id="index">        <li>第一课</li>        <li>第二课</li>        <li>第三课</li>    </ul></div><div id="outer">    <ul id="index2">        <li>第一课</li>        <li>第二课</li>        <li>第三课</li>    </ul></div> 

读书人网 >CSS

热点推荐