图片太长导致页面可以滚动如何解决？

转载

mb5fe94cbf99977 2021-08-27 17:07:00

文章标签 技术 文章分类 代码人生

在两栏布局下，左栏为一张图片，为了让页面不滚动，应该如何解决？

给图片的父元素添加

.box{
   overflow:hidden  
}

本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。

上一篇：logout要注意的事情

下一篇：矩阵链乘(解析表达式)

提问和评论都可以，用心的回复会被更多人看到评论

发布评论

相关文章

【线上】如何解决积压消费？

Hello，大家好！我是你们的小米，今天要和大家分享如何解决积压消费的问题。我们将从修复和扩容consumer、编写分发程序、启动并行consumer这三步入手，全面提升系统的处理能力和稳定性。赶紧来看详细操作吧！

消息队列 Java 并行处理
服务器50X错误如何解决？

50X错误如何解决？![502](./50X 错误.assets/502.png)![504](./50X 错误.assets/504.png)面对502 Bad Gateway和504 Gateway Timeout这两种服务器错误，我们通常需要根据具体的错误类型、错误发生场景以及系统架构来判断问题所在，并采取相应的解决策略。以下是一些常见的排查与解决步骤：对于502 Bad Gateway：检

后端服务服务器解决方案
「wsl慢，wsl很慢」如何解决 wsl 慢的问题？

你一定见过Chrome和 Android Studio关于内存和 CPU 巨大消耗的情况。嗯...我认为我们有一个新的「王者」。国王已死，新国王万岁。陛下：WSL！?这是因为有一个已知问题 “WSL 2 消耗大量 RAM”。

PowerShell Windows 解决方案
如何解决大数据下滚动页面卡顿问题

之前遇到不分页直接获取到全部数据，前端滚动查看数据，页面就

前端 javascript 滚动数据 Source
如何解决Alreader不自动滚动

Alreader英文版的对亚洲文字的支持是有限的，现在只能识别GBK编码的文字。小编特试用了Alreader中文版，是可以自动滚屏的。以ArcAlReader2 v2.5 100925 win32中文版为例，你可以按照我说的方法进行设置一下，依次选择“操作→版面→显示两列”，勾选“操作&ra

的中文版英文版亚洲是
vite 构建，页面打开空白如何解决

比如部署页面最终部署在 https://fancylife.github.io/z-mindnote/ 下，就必须在vue-router 中配置以下代码，否则确实会打开白屏export default createRouter({ history: createWebHistory('/z-mindnote/'),//你的网站根目录地址 routes,});

python java vue github html
如何解决JSP页面的乱码问题

本文介绍JSP页面经常出现中文乱码的问题，可能一至困扰着您，我现在把我在JSP开发中遇到的中文乱码的问题及解决办法写出来供大家参考。一、JSP页面显示乱码下面的显示JSP页面(display.jsp)就出现乱码：<html><head><title>JSP的中文处理</title><metahttp-equiv="Content-Type"co

JSP 页面乱码
Gridview出现滚动条，组件冲突，如何解决

在你布局或者组件混用的时候你可能会发现 gridview 的九宫格没有完全在页面上显示，只是显示了一个局部（第一行）只有一个滚动条，还不能上下拖动，真的是让人很苦恼，就像下面截图这样，那么该怎么解决呢？首先这个是组件冲突，不仅仅是gridview, listview出现了也是一样的解决方法。解决方法如下我的是gridview出现错误，那么我只要重写一下gridview就行了。import andr

android java 开发语言 ico xml
mysql事务未提交导致锁等待如何解决

1、实验环境Myql版本5.7.17-log实验表结构(root@localhost)[apex]> show create table test;+-------+---------------------------------------------------------------------------------------------

mysql q锁
网站被入侵导致排名下降如何解决

各位小伙伴们大家好。今天给大家分享一个事情，就是我客户的企业小站被黑客挂马了，那现在是2022年的2月初假期期间平时也不怎么打开那个小站，好，在2月2号的时候闲来无事点开看一看，发现点开网页的时候，就在首页的那里就卡顿了一下，因为网站用了CDN加速，按理说应该不会卡的，那我第一想到的就是情况不太妙，然后我就就这样右键查看了一些源代码，发现在在title标签这里多了一个不明的js链接，那我第一想到的

服务器 php代码 php 网站被入侵网站安全防护
如何解决写入放大效应导致的内存问题

在Android专项性能分析中分析过，Android的性能优化基本分为两个部分，即:资源类、

android 开发语言性能优化数据闪存
开发那些事儿：如何解决js打包文件体积过大导致页面加载慢问题？

所有的js都打包到一个js文件，导致文件过大，页面加载时间较长，排查发现是Vu3默认的打包模式导致该问题。

加载实时视频视频监控
java匿名内部类导致内存泄漏如何解决

## 解决Java匿名内部类导致内存泄漏的方案在Java中，匿名内部类可能会导致内存泄漏的问题，因为它们持有对外部类对象的引用。当外部类对象不再需要时，匿名内部类仍然保留对它的引用，导致外部类对象无法被垃圾回收，从而造成内存泄漏。为了解决这个问题，我们可以采取以下方案：### 使用静态内部类将匿名内部类改为静态内部类可以避免持有对外部类对象的引用。静态内部类不会持有对外部类对象的引用，

内存泄漏 java 类对象
如何解决IE部分图片不显示

其实这个故障的实质是PNG图片不能显示注意观察注册表 HKEY_LOCAL_MACHINE\SOFTWARE\Classes\MIME\Database\Content Type\下有一项乱码，删掉该项以后IE就能显示png图片了。

职场修复 IE 休闲
本地连接zookeeper时间太长如何解决

在开发过程中使用到dubbo+zookeeper,而dubbo和zookeeper是部署在服务器上的,一旦环境出了问题,会大大影响开发进展,有时回家想要再调一会程序,又会因为公司的VPN还不是很成熟,所以就不能调代码了,but,这怎能阻挡我们对代码的热情,在本地搭建一套环境,随时随地可以开发.一、jdk环境安装作为一

dubbo java-zookeeper zookeeper tomcat 压缩包
lowmemory导致的ANR low memory如何解决

移动设备终端的内存极为有限，应用程序必须做好low-memory处理工作，才能避免程序因内存使用过大而崩溃。注意：iboutlet作为私有变量时，可以设置形如__weak IBOutlet UILabel *twoLB;的即可实现释放效果，再次didload时，会重新链接相应控件。 low-memory 处理思路通常一个应用程序会包含多个view controllers，当从v

lowmemory导致的ANR 内存警告内存释放相关 iOS #pragma
【转】如何解决Ubuntu终端里面显示路径名称太长

原文网址：http://jingyan.baidu.com/article/3d69c5516c129df0ce02d77b.htmlUbuntu 默认的终端下面，进入很多层的目录后，前面那个提示符会显示完整的路径，这样命令行太长，让人觉得不舒服，现在教大家一个方法修改一下使命令行只显示当前目录的最...

bash linux ubuntu 命令提示符路径名
javascript图片跟随页面滚动 js做图片滚动效果

我们在做web开发的时候，前台的效果要求是很高的，因为对于不懂程序的用户来说，前台的视觉冲击，无疑是对我们产品的第一印象。在完成web图片各种功能上，很多框架有很绚丽的效果，但今天我们来看看用原生的js如何简单的实现这些功能。欢迎大家交流指正。 1.相册左右点击翻页功能实现步骤1.需要一个HTML标签img，添加一张图片。2.然后需要添加一个js事件onmouseover

javascript图片跟随页面滚动 javascript ViewUI HTML js事件
spring自调用导致的事务失效如何解决

考虑事务使用地方： 1）、哪些东西是一定要回滚的、哪些即使出错了不必要回滚的。商品的核心信息（基本数据、sku---销售属性）保存的时候，不要受到别的无关信息的影响。 &nbsp

回滚数据库代理类
android如何解决oom导致的崩溃 android oom

避免OOM几个方案:（1）适当调整图像大小。因为手机屏幕尺寸有限，分配给图像的显示区域有限，尤其对于超大图片，加载自网络或者sd卡，图片文件提及达到几M或者十几个M的：加载到内存前，先算出该bitmap的大小，然后通过适当调节采样率使得加载的图片刚好，或稍大捷克在手机屏幕上显示就满意了： BimtapFactory.Option opts = new BitampFactory.Opt

android如何解决oom导致的崩溃 Android OOM 解决方案加载
html5 页面加载请求数据

　　1.浏览器加载和渲染html的顺序浏览器加载和渲染html的顺序IE下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。在渲染到页面的某一部分时，其上面的所有部分都已经下载完成（并不是说所有相关联的元素都已经下载完）如果遇到语义解释性的标签嵌入文件（JS脚本，CSS样式），那么此时IE的下载过程会启用单独连接进行下载。并且在下载后进行解析，解析过程中，停止页面所有往下元素的下

html5 页面加载请求数据 CSS 加载 HTML
java服务器的内存什么时候回高

记录一个上周五的一个java服务的异常排查及分析过程，以备将来参考。 java服务的异常主要表现为3点：1.cpu使用率高；2.内存占用较大；3.本机telnet访问服务被拒绝具体情况：1.cpu高。启动时会打到800%以上，访问量不大的时段，top看到使用率在100-400%之间，基本稳定在100%-200%左右。 2.内存高。启动后java服务占用的内存不断增大

java服务器的内存什么时候回高 java 数据库网络 sed
部署 flinkcdc

1.1 早期手动部署代码方式1、纯手工scp上传2、纯手工登录，git pull、svn update3、纯手工xftp往上拉4、开发给打一个压缩包，rz 上去然后解压缺点1、运维全程参与，占用大量时间2、上线速度太慢3、人为失误过多，管理混乱4、回滚的太慢、不及时、并且难以回滚1.2 如何设计自动代码部署系统1、规划2、实现3、总结和扩展4、在生产环境中应用1.2.1 自动化部署环境1、开发环境

部署 flinkcdc 运维 git shell linux
android setcookie无效

如何创建 Cookie？ setcookie() 函数用于设置 cookie。注释：setcookie() 函数必须位于标签之前。语法：setcookie(name, value, expire, path, domain);name：cookie的名称 value：cookie的值 expire：cookie的过期时间 path：cookie所存在的目录，此值可省略，可果省略则默认为当前页面

android setcookie无效 php cookie 服务器客户端
esr esl计算

滤波电路中如何根据频率选择电容器类型 ,频率从几十HZ到几百兆HZ,电容器有很多种类型,不同类型电容器的容量范围和等效串联电阻ESR及等效串联电感ESL相差很大, 因此,不同种类电容器适合工作的频率相差也很大.这是因为电容器工作频率和ESR及容量CR之间存在如下数学关系; ESR=Tgδ/2πfc上式中;ESR;电容器的等效串联电阻,单位是欧姆. &nb

esr esl计算电路设计

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

图片太长导致页面可以滚动如何解决？

图片太长导致页面可以滚动如何解决？

51CTO博客