CSS中的overflow 属性

最新推荐文章于 2023-11-10 18:14:22 发布
最新推荐文章于 2023-11-10 18:14:22 发布
阅读量249 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cjsx_youshou/article/details/106254807
版权

overflow 属性

问题: 切割页面后右侧的内容高度溢出 手机app 中实现滑动效果
开始使用的是overflow 中的 hidden 属性
内容不溢出了但是不能滑动

阅读w3c文档

overflow 中可能有的值

visible 默认值.内容不会被裁剪,会呈现在元素框之外
hldden 内容被裁剪, 并且其余内容不可见.
scroll 内容会被此裁剪,但是流量器会显示滚动条以便查看其余内容 .
auto 如果内容被裁剪,则浏览器会显示滚动条
inherit 规定该从父元素继承overflow 属性的值

效果如图 :
在这里插入图片描述
在这里插入图片描述

右手。
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
标签增加CSS的overflow属性来清除浮动
01-19
方法真的很简单，只要为需要清浮动的标签加上overflow这个属性。 ul{ list-style:none; height:auto; margin:0;p adding:0; background-color:#436973; } li{ float:left; width:80px; height:80px; background-...
overflow的属性介绍
Redamancy的博客
08-25 1万+
关于overflow的其他属性的介绍： overflow 一共有5个属性。 1、overflow:auto ；内容会被修剪，超出设置的宽高后会出现滚动条 2、overflow:scroll;内容会被修剪，不管内容是否超出，都会出现滚动条的位置 3、overflow:visible;这个是默认值，内容不会被修剪，会出现在元素框外面。 4、overflow:hidden;内容被修剪，多余的内容被隐藏 5、overflow:inherit;从父元素那里继承overflow的值。 ...
CSS的overflow属性简析
weixin_41740463的博客
07-14 2908
overflow定义:设定如果内容溢出元素设定范围后该怎么做. overflow:visible;默认属性,就是毫不作为,让内容跑到元素外面去. overflow:hidden;常用属性,超出的部分给他隐藏了. overflow:auto;常用属性,父元素中内置滚动条来处理,根据内容的具体宽高生成上下或左右滚动条. overflow:scroll;在父元素中强制内置滚动条,即使内容并没有超出元素给定宽高. overflow: inherit; 继承父元素的属性,可用于在父元素有滚动条的前提下,给子元素中内
解析css中的overflow属性
最新发布
m0_68845148的博客
11-10 6397
overflow 属性规定当内容溢出时发生的事情overflow有以下几种属性值：不裁剪超出盒子的部分将超出盒子部分的内容隐藏横轴强制出现滚动条4.overflow-y:scroll 纵轴强制出现滚动条5.overflow：scroll x轴和y轴都有滚动条自动判断是否出现滚动条从父元素继承overflow属性的值overflow属性值中visible和hidden是对立的，scroll和auto是对立的。inherent是继承父级元素的overflow属性值，默认是scroll。
overflow：auto的用法
热门推荐
boysky0015的博客
05-31 4万+
在开始正文前，我介绍一下overflow和flex布局的某些用法。 overflow：auto；如果内容被修剪，则浏览器会显示滚动条，以便查看其余内容。 flex中的属性 display: flex; flex-direction: column; 主轴为垂直方向，起点在上沿。 overflow和flex布局搭配使用 代码如下：<!DOCTYPE html> <html> <head>
CSS3：overflow属性详解
小谭鸡米花的博客
10-30 2万+
1.Overflow overflow为溢出（容器），当内容超出容器时只需添加overflow属性值为hidden， 就可以把超出容器的部分隐藏起来； 如果内容超出容器却又不想其隐藏时可以将其属性值设置为auto； overflow：auto 属性如果超出就出现滚动条，没有超出则不出现滚动条这样就可以出现滚动条， 滚动条也可以单独设置，例如overflow-x：hidden；overflow-y：auto；这样就只能看见垂直方向的滚动条了。如果单独定义x轴或者y轴的时候，两个属性都需设置属性值。
css使用overflow属性控制滚动条的样式
09-22
CSS中的`overflow`属性是用来控制元素内容在超出其指定宽度和高度时的显示方式。它提供了几个关键的值，使得开发者能够对滚动条的显示与否以及何时显示进行精确的控制。接下来，我们将深入探讨`overflow`属性的不同...
css中text-overflow属性与文本截断详解
09-27
在CSS中，`text-overflow`属性是用来处理文本溢出情况的一个重要工具，尤其是当文本在有限的容器内无法完全显示时。这个属性通常与`overflow`和`white-space`属性一起使用，来实现文本的截断和省略。本文将深入探讨`...
使用CSS的overflow属性防止float撑开div的方法
09-24
为了解决这个问题，我们可以利用CSS的`overflow`属性，特别是`overflow: hidden`这一值，来防止浮动元素撑开其父容器。 首先，让我们理解`float`属性的工作原理。`float`属性可以设置为`left`、`right`或`none`，...
详解CSS3：overflow属性
01-18
overflow为溢出（容器），当内容超出容器时只需添加overflow属性值为hidden， 就可以把超出容器的部分隐藏起来； 如果内容超出容器却又不想其隐藏时可以将其属性值设置为auto； overflow：auto 属性如果超出就出现...
display和overflow详解
DGL_CSDN的博客
08-29 756
1 display 1.1 定义和属性 display 属性规定元素应该⽣成的框的类型 none 不显示元素 block 转换为块元素 inline 转换为行内元素 inline-block 转换为行内块元素 1.2 用法 <style> p.inline { display:inline; } </style> <p class="inline"> 我是p标签我是p标签我是p...
overflow 默认值
正在崛起的博客
04-16 7046
CODE: // css .height { height: 200px; } .large-height { height: 300px; } // html <div class="height"> <div class="large-height"> </div> </div> CIR...
css overflow属性
li_w_ch的博客
12-05 559
定义和用法：    overflow属性规定当内容溢出元素框时发生的处理。    属性值： 1：visible        默认值。内容不会被修剪，会呈现在元素框之外。 2：hidden       内容会被修剪，并且其余内容是不可见的。 3：scroll       内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。无论是否需要，都会出现滚动条。 4：auto
overflow:scroll
weixin_30511039的博客
05-13 1700
<div style="position: relative;"> <div class="container mycontent" style="overflow: scroll;"> 转载于:https://www.cnblogs.com/xiaobiaomei/p/10857088.html
第十五课--Overflow
阅读之后，对你有帮助，那就点个赞再走吧
08-12 996
CSS overflow 属性用于控制内容溢出元素框时显示的方式。 overflow属性有以下值： visible 默认值。内容不会被修剪，会呈现在元素框之外。 hidden 内容会被修剪，并且其余内容是不可见的。 scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。 auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。 ...
css中overflow的那些坑
卜小娴的博客
07-31 1万+
元素的overflow属性是用来规定当内容溢出元素框时发生的事情，设置单个方向的overflow-x和overflow-y同理，它有五个值，visible（默认），hidden，scroll，auto，inherit，现在我们先来简单说下这几个属性值： visible：默认值，它会把内容完全展现出来，即使内容超出已定义的父元素大小，它还是会超出部分按正常显示，但是也不会影响其他元素的布局。 hi
四种方法清除浮动
CDD是我呀
04-22 308
常见的浮动出现在一个无序列表中，当每个li元素左浮动之后，会出现父元素高度坍塌&lt;style type="text/css"&gt; *{ margin: 0; padding: 0; } .box{ border:1px solid red; list-style-type: none; } li{ border: 1px solid re...
为什么离不开 Stackoverflow
weixin_34112208的博客
06-26 7278
作为一名程序员，如果没有听过 Stackoverflow，那么你最好去面壁思过一下。程序员最需要阅读的一本编程书籍（其实编程书留下这本就够了！）： 那些还没有读过这本书的程序员，是时候买一本了。如果还在犹豫，那么先看下这篇文章，看看为什么离不开 stackoverflow。 提问的智慧 当你拋出一个技术问题时，最终是否能得到有用的回答，...
再了解CSS中的overflow以及应用场景
专注于图像领域，主要研究内容包括计算机视觉和深度学习，特别是在图像分类、目标检测和图像生成等方面有深入的研究和实践经验。
09-27 1万+
创作不易 拒绝白嫖 点个赞呗 关注专栏 学透CSS,带你走进CSS的深处！！！ 前言 网页的设置在很多时候并不是正好满足一页，拿我们经常用的掘金来说，因为使用了数据的分页加载，如果你想看更多的文章的话，需要不停的往下滑动，在浏览器的右边会一直存在着一个滚动条，这就是这篇文章想要了解的元素。在网页中当一页无法容纳所有的数据的时候，我们经常使用overflow来进行设定。 overflow overflow 是overflow-x 和overflow-y的简写，用来设定当一块级元素（通常设置了height/.
CSSoverflow属性详解
巧克力很苦的小博客
03-30 1万+
浏览器支持 所有主流浏览器都支持 overflow 属性。 注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 “inherit”。 定义和用法 overflow 属性规定当内容溢出元素框时发生的事情。 说明 这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值