关于css中overflow的一些理解

news/2024/7/5 4:15:19

   在做移动端开发的时候,遇到过这么个问题:要把图片进行放大,但有时候图片比较长,一个手机的版面看不了,于是需要用到overflow的属性,刚开始用了overflow-y:scroll,

于是问题来了,如果图片没有过长,也会出现滚动条,这样就没有达到预期的效果,于是换了一个属性overflow-y:auto;这样的话,当图片过长的时候才会出现滚动条,这样就可以达到预期的效果;

下面是一个总结:

参数是scroll时候,不管需不需要滚动条,都必会出现滚动条。
参数是auto时候,子元素内容大于父元素时出现滚动条。
参数是visible时候,溢出的内容出现在父元素之外。
参数是hidden时候,溢出隐藏,此属性在浮动属性中是屡试不爽呀。

转载于:https://www.cnblogs.com/yanzai/p/5226972.html


http://lihuaxi.xjx100.cn/news/245195.html

相关文章

使用Novell.Directory.Ldap.NETStandard在.NET Core中验证AD域账号

Novell.Directory.Ldap.NETStandard是一个在.NET Core中,既支持Windows平台,又支持Linux平台,进行Windows AD域操作的Nuget包。 首先我们新建一个.NET Core控制台项目:NetCoreLdap,并下载如下Nuget包: Nove…

我,是真是一个培训班出来的程序员

点击上方“搜云库技术团队”,选择“设为星标”回复“1024”或“面试题”获取4T学习资料作者 l HeroMe原作者:HeroMe ,文中的"我"均为作者本人。1这个城市的所有人都在忙碌的过生活,他们行色匆匆,车水马龙&am…

无聊的时候,冷死了(六)

阁下长得真是天生励志!好久没有听到有人能把牛吹得这么清新脱俗了!你出生时就丑的躲起来了,连你父母都不敢见你,你还怕有人举报你?你拉着一头猪逛街,很幸福的样子,我经过满怀同情的说&#xff1…

Nancy in .Net Core学习笔记 - 初识Nancy

原文:Nancy in .Net Core学习笔记 - 初识Nancy前言 去年11月份参加了青岛MVP线下活动,会上老MVP衣明志介绍了Nancy, 一直没有系统的学习一下,最近正好有空,就结合.NET Core学习总结了一下。 注: 本文中大部分内容都是对官网文档的…

每个极客都应该知道的Linux技巧

为什么80%的码农都做不了架构师?>>> 是什么区分开普通的Linux用户和超级极客的呢?很简单:用在学习那些使长时工作转变为一瞬间工作的技巧、诀窍、秘诀和技术上的时间。如果你想提 高效率而又不用做这些搜集资料的跑腿活儿&#x…

轻松掌控全链路服务监控:方案概述与对比 | 真的很干!

点击上方“搜云库技术团队”,选择“设为星标”回复“1024”或“面试题”获取4T学习资料0 —问题背景随着微服务架构的流行,服务按照不同的维度进行拆分,一次请求往往需要涉及到多个服务。互联网应用构建在不同的软件模块集上,这些…

一次心惊肉跳的服务器误删文件的恢复过程

经历了两天不懈努力,终于恢复了一次误操作删除的生产服务器数据。对本次事故过程和解决办法记录在此,警醒自己,也提示别人莫犯此错。也希望遇到问题的朋友能找到一丝灵感解决问题。事故背景安排一个妹子在一台生产服务器上安装Oracle,妹子边研…

网易考拉在服务化改造方面的实践

网易考拉(以下简称考拉)是网易旗下以跨境业务为主的综合型电商,自2015年1月9日上线公测后,业务保持了高速增长,这背后离不开其技术团队的支撑。微服务化是电商IT架构演化的必然趋势,网易考拉的服务架构演进…