是在写样式的时候，会碰到给div无论怎么加样式 overflow-y: auto 的时候，都不会出现垂直的滚动条，经过不断折腾终于知道是啥原因导致了。

<style>

body{

height: 100%; //若是所有的div的高度都不固定，需要body高度也是100%，才可以出现滚动条

}

.parent{

//你自己样式

height: 100%; //父元素的高度也需要是100%才可以出现滚动条

}

.children{

overflow-y: auto;

overflow-x: hidden;

height: 100%;

}

</style>

<div class="parent">

<div class="children">

xx-blog主题

xxzhuti主题网

</div>

续接单中...欢迎老铁们对我们的重视以及关注私信！有需要UI设计的老铁必须在响应和质量方面给大家安排到位

对于解决电商详情页加载慢的问题，以下是一些建议：

1. 图片优化：图片是详情页加载时间延长的主要原因之一。可以通过使用适当的图片格式（如WebP），进行图片压缩和优化，以减少文件大小，提高加载速度。还可以延迟加载图片，即只在用户滚动到相关区域时再加载图片。
2. 缓存机制：通过使用缓存机制，将静态文件（如图片、CSS和JavaScript文件）保存在用户浏览器或CDN上，减少服务器的请求次数，加快页面加载速度。
3. 延迟加载和异步加载：通过延迟加载和异步加载技术，将部分内容（如评论、推荐商品）延迟加载或异步加载，以先加载页面主要内容，然后再加载辅助内容，提高用户的首次呈现速度。
4. 压缩代码：压缩网页代码（HTML、CSS和JavaScript），减少文件大小，提高加载速度。可以使用压缩工具或Gzip等服务器端压缩技术。
5. CDN加速：使用内容分发网络（CDN），将网站的静态资源分布到全球各地的服务器节点上，以降低网络延迟，提高内容的传输速度和稳定性。
6. 异构网络：通过异构网络技术，将不同类型的网络（如Wi-Fi和4G）结合使用，提供更快的加载速度和更好的用户体验。
7. 前端优化：通过减少HTTP请求、合并和压缩文件、使用合适的缓存策略和调整资源加载顺序等前端优化技术，提高页面的加载速度。
8. 服务器性能优化：优化服务器的硬件和软件配置，如增加带宽、加速器、负载均衡和数据库优化等，以提高服务器的响应速度和并发处理能力。

通过综合运用这些优化方法，可以更好地解决电商详情页加载慢的问题，提升用户的体验和满意度。

家好，我是大澈！

本文约800+字，整篇阅读大约需要1分钟。

感谢关注微信公众号：“程序员大澈”，免费领取"面试礼包"一份，然后免费加入问答群，从此让解决问题的你不再孤单！