谁帮忙解释下ul这个问题？_html/css_WEB-ITnose
- WBOY원래의
- 2016-06-21 09:38:331383검색
#index{overflow:hidden;background:#000;border:1px solid #000;} <div id="outer"> <ul id="index"> <li>第一课</li> <li>第二课</li> <li>第三课</li> </ul></div>
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> 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立体滚动条阴影的颜色
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.