overflow属性的简单介绍

前言：本人是新生小白，如有错误之处欢迎指出

我们先写一个基础框架

<!DOCTYPE html>
<html>
<head><title>overflow</title>
</head>
<body></body>
</html>

首先先介绍一下overflow是处理溢出内容的一个效果，他有四个属性值hidden，visible，scroll，auto，且可以分别设置overflow-x，overflow-y，需要注意的是：当单独设置了overflow-x或者overflow-y为非visible时，另一个属性值默认为auto。

1.hidden：隐藏溢出内容且不出现滚动条。

2.scroll：其overflow-x，overflow-y，分别处理x轴和y轴隐藏溢出容器的内容，溢出的内容可以通过侧边滚动条的效果来使用。

3.visible（默认值）：使溢出内容展示。

4.auto：作用和scroll很像。

<!DOCTYPE html>
<html lang="en"><head><style>* {margin: 0;padding: 0;}.header {position: absolute;left: 100px;top: 100px;width: 200px;height: 200px;border: 1px solid #333;border-radius: 10px;color: #gray;overflow: visible;}.max {width: 250px;height: 250px;padding: 20px;border: 1px solid red;border-radius: 13px;background-color: yellow;}</style>
</head><body><div class="header"><div class="max"><p>随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成随机生成。</p></div></div>
</body></html>

overflow属性的简单介绍相关推荐

HTML5 autofocus属性用法简单介绍
本章节简单介绍一下HTML5中新增的一个属性autofocus,它可以让一个元素加载后获取焦点,在此之前一般要通过使用javascript的focus()方法实现我们的要求,非常的简单,代码如下: 1 ...
text-decoration 属性的简单介绍
前言:本人是新生小白,如有错误之处欢迎指出首先第一点我们要知道什么是text-decoration 属性前言:本人是新生小白,如有错误之处欢迎指出我们先写一个基础框架 <!DOCTYPE ...
iOS边练边学--UIScrollView的属性简单使用，代理的简单介绍以及内容缩放
一.什么是UIScrollView *移动设备的屏幕大小是极其有限的,因此直接展示在用户眼前的内容也是相当有限 *当展示的内容较多,超出一个屏幕时,用户可通过滚动收拾来查看屏幕以外的内容 *普通的UI ...
img标签的alt属性简单介绍
alt属性可能会被很多人忽略,貌似在实际应用中可有可无. 在网页的表现方面确实有点可有可无,因为它真正能够起到作用的时候不多. alt是alternate的缩写,是表示备选的意思. 也就是说当img图 ...
自动化工具之Appium工具简单介绍
背景自动化,性能测试,接口测试,开发平台等工作,到底测试的价值在哪里,其实价值来源不断充实与为大众服务,今天简单介绍ui小工具appium攻击. 简单介绍 Appium 是一个自动化测试开源工具,支 ...
perf基本使用与简单介绍
本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可. 本作品 (李兆龙博文, 由李兆龙创作),由李兆龙确认,转载请注明版权. 文章目录引言 perf简单介绍 ...
iOS开发UI篇—多控制器和导航控制器简单介绍
iOS开发UI篇-多控制器和导航控制器简单介绍一.多控制器一个iOS的app很少只由一个控制器组成,除非这个app极其简单.当app中有多个控制器的时候,我们就需要对这些控制器进行管理有多个vi ...
简单介绍一下R中的几种统计分布及常用模型
统计学上分布有很多,在R中基本都有描述.因能力有限,我们就挑选几个常用的.比较重要的简单介绍一下每种分布的定义,公式,以及在R中的展示. 统计分布每一种分布有四个函数:d――density(密度函数) ...
dubbo学习过程、使用经验分享及实现原理简单介绍
一.前言部门去年年中开始各种改造,第一步是模块服务化,这边初选dubbo试用在一些非重要模块上,慢慢引入到一些稍微重要的功能上,半年时间,学习过程及线上使用遇到的些问题在此总结下. 整理这篇文章差不 ...

overflow属性的简单介绍

overflow属性的简单介绍相关推荐

最新文章

热门文章