谁帮忙解释下ul这个问题？_html/css_WEB-ITnose-HTML Tutorial-php.cn

谁帮忙解释下ul这个问题？_html/css_WEB-ITnose

WBOY

Release： 2016-06-21 09:38:33

Original

1388 people have browsed it

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

Copy after login

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

Copy after login

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

回复讨论(解决方案)

overflow就是超出部分进行隐藏不显示

overflow就是超出部分进行隐藏不显示
这...我也知道是这个意思啊，能不能解释下显示的不同？

overflow，内容不会显示到ul的区域外面，多余的会切掉

你执行下就看到区别了

<!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>

Copy after login

overflow 滚动条的样式。
使用CSS来修饰滚动条
       1．overflow内容溢出时的设置

       overflow-x水平方向内容溢出时的设置

       overflow-y垂直方向内容溢出时的设置

       以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。

       2．scrollbar-3d-light-color立体滚动条亮边的颜色

       scrollbar-arrow-color上下按钮上三角箭头的颜色

       scrollbar-base-color滚动条的基本颜色

       scrollbar-dark-shadow-color立体滚动条强阴影的颜色

       scrollbar-face-color立体滚动条凸出部分的颜色

       scrollbar-highlight-color滚动条空白部分的颜色

       scrollbar-shadow-color立体滚动条阴影的颜色