communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > interface Web > tutoriel HTML > CSS之overflow属性（2015年06月02日）_html/css_WEB-ITnose

CSS之overflow属性（2015年06月02日）_html/css_WEB-ITnose

WBOY

Libérer： 2016-06-24 11:43:18

original

1194 Les gens l'ont consulté

很基础的知识，每天get一个小技能......

一、含义

overflow属性：属性规定当元素框中的内容溢出元素框时发生的事件

通俗来说就是当一个父元素里放置的子元素比它大时，要发生什么

二、属性值

三、测试例子

我们给一个div中包含一张图片，让图片的高度大于div的宽度，然后设置div不同的overflow值，看实际的页面效果

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title>overflow测试</title></head><style>    body{        margin:0px;        padding:0px;    }    .pic_wrap {        background-color: blue;        height: 310px;        width: 500px;        margin:0 auto;        overflow: hidden;    }</style><body><div class="pic_wrap">    <img  src="img/Chrysanthemum.jpg"     style="max-width:90%"  style="max-width:90%" alt="CSS之overflow属性（2015年06月02日）_html/css_WEB-ITnose" ></div></body></html>

Copier après la connexion

1.设置值为visible

2.设置值为hidden

3.设置值为scroll

Étiquettes associées：

CSS之overflow属性（2015年06月02日）

source：php.cn

Article précédent：重置按钮小tip-为何不能重置表单数据呢_html/css_WEB-ITnose Article suivant：div +css 如何定义字体粗体，字体的字体_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