CSS-overflow:auto溢出加滚动条

最新推荐文章于 2025-05-13 17:37:39 发布

北冥友余

最新推荐文章于 2025-05-13 17:37:39 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端基础

本文链接：https://blog.youkuaiyun.com/Edison_03/article/details/77070869

前端基础专栏收录该内容

21 篇文章

订阅专栏

本文提供了一个使用HTML和CSS实现图片居中展示的代码示例。该示例通过设置外边框和内边距来确保图片在网页中居中显示，并且保持特定的宽度和高度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

（1）代码

<div style="margin:0 auto;  border:2px dashed blue; overflow:auto;width: 800px;height: 500px;" >
        <img src="images/airPre1.png" alt="图像正在努力加载中.." style="display: block;margin:0 auto;border:2px dashed blue;"/>
    </div>

（2）效果
这里写图片描述

这里写图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

北冥友余

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

overflow:auto;导致子元素定位随着滚动条滚动而向上滚动

a__person的博客

01-17

2575

相对定位的父元素;设置overflow:aotu;之后;相对定位的子元素会随着父元素滚动当我们将红色div的buttom属性设置为-100的时候;也就是将红色div在父元素外定位红色div在定位父元素的下面,并且没有在页面上显示,当我们滚动滚动条的时候,红色div显示在页面上,并且和刚刚的效果一样,是随着父元素的滚动而滚动的; 那么外层父元素的滚动条和里面的文字信息撑起来的高度有没有关系呢?我们把...

CSS实战与技巧——6. 纯css横向滚动（overflow-x: scroll）

weixin_63215361的博客

02-04

797

在移动端（手机上）使用overflow-x: scroll不会出现横向滚动条，但可以横向滚动，在pc端（电脑上）使用overflow-x: scroll会出现横向滚动条。在X轴方向发生了溢出怎么办？用scroll属性，通过X轴横向滚动条的方式来处理X轴方向的溢出。/*横向滚动,移动端不会出现滚动条*/

参与评论您还未登录，请先登录后发表或查看评论

CSS--超出就显示滚动条并设置滚动条的样式

IT利刃出鞘的博客

06-12

4225

本文介绍HTML如何超出就显示滚动条并设置滚动条的样式。

CSS 内容溢出怎么处理？

最新发布

pantouyuchiyu的博客

05-13

898

前端在做页面开发的时候，必须要考虑各种内容超长的情况，多思考一下内容极限情况，就会少很多 bug！！

div+css关于overflow 动态滚动效果

weixin_33921089的博客

01-05

393

http://www.ablanxue.com/prone_2613_1.html 关于overflow:hidden不起作用的说明转载于:https://www.cnblogs.com/aquariusm/p/4204368.html

零基础CSS入门教程(22)–溢出

程序员大阳

11-10

2482

点此查看全部文字教程、视频教程、源代码本教程已配套视频教程，点此查看本文目录1. 前言2. 默认显示溢出部分3. 隐藏溢出部分4. 显示滚动条5. 自动处理6. 小结 1. 前言之前我们讲过了，网页元素会占据一个盒子的空间。如果我们通过width或者height设置了元素的尺寸，那么就确定了元素内容的大小。如果此时，元素内容太多，超出了我们设置的尺寸，会是什么情况呢。这就是本节课介绍的溢出，指的就是内容太多，超出元素尺寸的情况。 CSS提供了overflow属性设置溢出时元素的显示方式。 2.

前端必知：7.overflow 属性

qq_52799985的博客

07-09

3543

属性用于控制溢出内容的显示方式。它有多个可选值，用于不同的情况和需求。例如，如果你希望内容溢出时自动显示滚动条以便查看，可以使用。，以控制其内部内容的显示方式。可以根据实际需求选择适当的。如果你希望内容溢出时隐藏，可以使用。当元素内容超出其容器大小时，CSS。这些属性通常用于容器元素，例如。

CSS--overflow:hidden在项目实例中使用心得分享

09-22

"overflow:hidden"则是这个属性的其中一个值，它能够隐藏超出元素设定范围的内容，并且不提供滚动条，从而使得溢出的内容不会显示在元素框的外部。 1. 暴力清除浮动在CSS中，浮动（float）是一种重要的布局方式，...

CSS中overflow:scroll怎么设置只上下滚动而不左右滚动

09-25

`overflow-y: scroll`确保元素在内容高度超出时显示垂直滚动条，而`overflow-x: hidden`则隐藏任何可能的水平滚动条。具体到你的问题，你提到的解决方案是使用以下CSS样式： ```css <div class="sidebar-nav" ...

css中overflow:hidden失效问题的解决方法

11-21

今天在写轮播图的时候发现，overflow;hidden;竟然能失效，发现原因如下：父元素想要隐藏溢出的绝对定位的子元素，需要给父元素加一个定位;因为绝对定位的子元素会从内向外寻找有定位的父元素，找不到的话overflow:...

overflow:auto手机端无法滑动,在需要滑动的盒子上添加下面代码

qq_43483403的博客

01-22

149

【代码】overflow:auto手机端无法滑动,在需要滑动的盒子上添加下面代码，实现点滑。

css设置Overflow实现隐藏滚动条的同时又可以滚动

01-19

css设置Overflow实现隐藏滚动条的同时又可以滚动，具体代码如下所示： .scroll-list ul{ white-space: nowrap; -webkit-overflow-scrolling: touch; overflow-x: auto; overflow-y: hidden; padding: 0 0.1rem; margin-bottom: -.2rem; overflow: -moz-scrollbars-none; overflow: -moz-scrollbars-none; } .scroll-l

html修改div的overflow宽度,css overflow:auto超出高度或宽度出现滚动条

weixin_27956639的博客

06-04

4804

css设置overflow:auto后超出高度或宽度出现滚动条当对象元素设置overflow:auto后，如果对象内的内容(图片或文字或其它元素内容)超出限制高度或宽度后将会出现滚动条。如果超过宽度那么对象底部X横向出现滚动条，如果超过高度那么对象盒子左侧出现下拉滚动条。overflow设置当对象的内容超过其指定高度及宽度时如何管理内容的属性,是添加滚动条、还是隐藏剪切超出内容。overflow:...

overflow：auto出现滚动效果不显示滚动条

weixin_47586598的博客

06-01

1593

overflow：auto 子元素超过父元素高度或者宽度时会出现滚动条（需要设置高度和宽度），当我这么设置之后出现了滚动效果却没有滚动条。

overflow：auto的用法和实现弹性盒横向滚动

YY的博客

09-29

1万+

overflow：auto的用法、实现弹性盒横向滚动

关于 overflow 滚动条(滑动条)配置，简单使用的案例和案例代码

youyudehan的博客

01-19

4051

简单了解关于滚动条(滑动条)的样式配置，了解其配置的注意事项，完成实现简单的样式配置实例。

解析css中的overflow属性