communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > 谁帮忙解释下ul这个问题？_html/css_WEB-ITnose

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

WBOY
Libérer： 2016-06-21 09:38:33
original
1369 Les gens l'ont consulté

#index{overflow:hidden;background:#000;border:1px solid #000;}
Copier après la connexion

 <div id="outer">	<ul id="index">		<li>第一课</li>		<li>第二课</li>		<li>第三课</li>	</ul></div>
Copier après la connexion

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>
Copier après la connexion

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立体滚动条阴影的颜色  

Étiquettes associées：
谁帮忙解释下ul这个问题？
source：php.cn
Article précédent：Div显示问题！！_html/css_WEB-ITnose Article suivant：td内有图片和文字，如何都垂直居中？_html/css_WEB-ITnose
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Créez des utilisateurs dans Vue à l'aide de Firebase sans vous connecter J'ai créé un formulaire pour créer des profils d'utilisateurs. Mais chaque fois que je cré...
Depuis 2024-04-06 14:20:12
0
1
514
Correction du code de la barre de navigation qui n'était pas très bon, cela provoquait des problèmes de liens rompus, je ne sais pas pourquoi Je ne sais pas vraiment comment expliquer ce problème, mais essentiellement, ma barre de n...
Depuis 2024-04-04 09:09:20
0
1
333
La question est toujours la même, mais le titre est réécrit comme suit : Ma fonction aléatoire Javascript ne parvient pas à générer des réponses valides Je crée un simple jeu générateur de nombres aléatoires en utilisant JS et HTML. Dans ce je...
Depuis 2024-04-03 22:03:14
0
1
275
Cette clause Where peut-elle être optimisée ? Quelqu'un peut-il m'aider à résoudre ce problème ? J'ai une question sur la fonctionnalité...
Depuis 2024-04-01 16:12:46
0
1
295
Récupérer les valeurs d'entrée HTML à l'aide d'une interface (comme Laravel) Je souhaite utiliser des méthodes d'interface telles que la requête pour obtenir des donné...
Depuis 2024-03-30 19:49:04
0
1
303
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal