chrome浏览器中 父元素改变大小后 改变子元素大小 滚动条还在

最新推荐文章于 2021-09-27 11:42:58 发布
最新推荐文章于 2021-09-27 11:42:58 发布
阅读量554 收藏
点赞数
分类专栏： html/css 文章标签： html chrome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lanhu002/article/details/24311969
版权 
<div id="out" style="position:relative; overflow:auto;">
<div id="in">123</div>
</div>

关于 HTML/CSS的问题

窗口改变大小的时候，先改变out的大小与窗口一致，再改变in的大小充满out，设置大小的方法都是jquery的outerWidth/outerHeight，在IE下没问题，但是在chrome浏览器中，out会出现滚动条；如果在调试工具中删除in的width再设置回来，滚动条就没了！！请问这是什么原因啊，有什么解决方法？


部分内容由编程无忧网整理发布

lanhu002
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【前端】笔试题 2019.08.07
微子细的博客
08-08 1019
选择题：HTML+CSS+JS 参考链接：https://www.nowcoder.com/ 非商业用途自由转载，保持署名，注明出处！ onBlur:失去焦点触发；function关键字不属于对函数的调用，而是对函数的声明； 设置一般用set开头，获取用get开头； 作用域：限定可用性的范围；作用域链：决定哪些数据能被函数访问；with try-catch eval都会改变作用域链，whi...
html页面布局大小缩放之后内容不变,为什么css中用scale缩放之后，虽然内容缩小了，但是占用的空间却没有变化...
weixin_31567239的博客
06-03 4490
因为被要求在网页中显示12px以下的字体，但是-webkit-text-size-adjust:none;在现在的chrome版本里面没有任何效果，所以我正在采用transform:scale的方法来实现缩小字体的效果。但是在这个过程中我发现,被缩小后的内容索然整体被缩小了，但是占用的空间却没有任何变化。现在是这样的，没缩放之前：这里黄线是我将要缩放的内容我缩放之后，就变成了这个样子：可以看到，内...
当给盒子设置transform: scale()缩放样式时，通过offsetTop获取元素距离文档顶部的高度时，存在的浏览器兼容bug。
qq_40639028的博客
09-27 1802
由于不同浏览器内核不同，对代码解析可能不一致，所以出现兼容问题。 在chrome浏览器中，当给<div>盒子设置了transform: scale()缩放样式后，通过offsetTop获取该div盒子中某元素（<p>）到浏览器顶部高度时，不能获取到实际高度，得到的实际是（<p>）元素到<div>之间的高度。 但在Safari浏览器中，盒子设置transform: scale()缩放样式，通过offsetTop获取某一元素到浏览器顶部高度不会存在差别化，都能
关于确定浏览器窗口大小的问题
little_little0_0的博客
11-21 990
正如《JavaScript高级程序设计》中所说的一样：“跨浏览器确定一个窗口的大小并不是一件简单的事。”浏览器为此提供了四个属性：innerWidth,innerHeight,outerWidth和outerHeight。《JavaScript高级程序设计》中说不同的浏览器对于这四个属性的返回值不同，但经过我的测试（我的浏览器版本分别为Chrome62.0.3202.75，Firefox57.0，
浏览器尺寸改变时滚动条闪动的问题
coding
03-20 3239
前几天QA突然报给我一个bug，说是点击浏览器的向下还原后，滚动条一直闪，而且右侧滚动条一直在缩小。 我看到效果后，不晓得是怎么回事，以前从来没有遇到过，然后就一路的search呀 后来就在js里面添加了，监控浏览器大小变化的时间，让浏览器默认overflow 为hidden，当浏览器宽度小于1000时，出现滚动条 $(window).resize(function() {     var
html页面高度不固定在不同浏览器下的兼容性设置
09-25
在跨域的iframe中，由于同源策略的限制，父页面无法直接访问子页面的内容，因此通常需要子页面通过JavaScript来通信，告知父页面其实际高度。 在实现这一功能时，我们需要获取页面的实际高度。在不同的浏览器中，这...
jquery实现区块或链接横向无缝循环滚动，自适应宽度，可随意设置外容器的宽度 高度自适应，兼容IE，FF，CHROME.rar
01-11
4. **自适应宽度**：这种功能使得滚动容器能够根据浏览器窗口大小或父元素宽度自动调整自身大小。这需要用到jQuery的`$(window).width()`或`$(element).width()`方法来获取宽度，并根据需要调整元素尺寸。 5. **...
css浏览器兼容整理
03-02
- Firefox和其他现代浏览器默认情况下不会将子元素的高度计算到父元素中。可以通过 `display: flex;` 或 `overflow: auto;` 来使父元素自适应子元素的高度。 5. **div重叠的现象** - 这可能是由于Z-index或其他...
angular浏览器兼容性问题解决方案.docx
10-26
此问题主要是由于 IE 浏览器下，父元素无法正确地根据子元素动态调整高度。 ##### 解决方案 对于此问题，最简单的解决方案是固定 echarts 图表所在容器的高度。 #### 四、IE 浏览器下初始化表单时触发表单验证问题...
关于html中的height、innerHeight、outerHeight区别
hlj184的专栏
04-13 8262
在前端开发中经常会遇到要为div设置高度，或是获取div高度。       获取div的高度         1）height document.getElementById("xxxid").height(); 或是用jquery写法：$("#xxxid").height();        height指的是元素本身的高度，不包括padding、border、margin，
谷歌浏览器截取完整屏幕的方式（有下拉滚动条）
陈哈哈的菜园子
12-03 1万+
如何将谷歌浏览器（Chrome）“有下拉滚动条的”整个浏览器界面截图呢？ 示例：https://blog.csdn.net/qq_39390545（很长很长） 1.按下键盘上 “F12” 或者 “Ctrl + Shift + i” 打开调试页面 打开调试界面↓↓↓ 2.按下键盘上 “Ctrl+Shift+P” 3.键入内容“Capture full size scree...
解决子元素滚动影响父元素的JS
Yiright的博客
12-30 4043
因为我司一个聊天窗口里面聊天内容滚动起来到顶部的时候再滚就会触发窗口滚动条的滚动，搜了一下，找到张鑫旭大大的文章，感谢。 $.fn.scrollUnique = function() { return $(this).each(function() { var eventType = 'mousewheel'; // 火狐是DOMMouseScro
js及innerWidth、innerHeight、outerWidth和outerHeight属性
toumingyumaohuiyi的博客
11-23 8442
跨浏览器确定一个窗口的大小不是一件简单的事。Firefox.Safari.Opera和Chrome均为此提供了4个属性：innerWidth、innerHeight、 outerWidth和outerHeight。 在Safari和Firefox中，outerWidth和outerHeight返回浏览器窗口本身的尺寸（无论是从最外层的window对象还是从某个框架访问）。 Opera中，这两个
不同浏览器获取DOM元素的各种高度
热门推荐
前端小白的博客
02-28 1万+
HTML中高度和宽度的获取，跨浏览器兼容性，以及jQuery中操作
HTML中float浮动溢出父级元素的处理方法
u010659146的专栏
09-28 1917
今天偶然又用到float控制元素位置，可是定义float属性就不在父级元素内部，调了很久发现自己傻逼了，我也只试过两个解决方法，如下： 最开始的代码： hello worldaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
关于height、offsetheight、clientheight、scrollheight、innerheight、outerheight的区别一览
肖皓文
02-12 1238
 原文：https://www.cnblogs.com/layaling/p/6223372.html 平时，不管在pc端页面还是移动端页面，因为我们一般很少会设置某个块的的高度，但是呢，我有时候有需要取到这些高度以便于我们方便进行判断和下一步的编写。一般这个时候我都是直接的获取一个块的高度.height()，来解决，但是有的时候我翻翻查查发现还有offsetheight，而这两者之间还是有一些...
改变overflow-y滚动条的css兼容Chrome 浏览器
最新发布
06-11
要改变 `overflow-y` 滚动条的样式并兼容 Chrome 浏览器，可以使用以下 CSS 代码： ```css /* 隐藏滚动条 */ .element::-webkit-scrollbar { display: none; } /* 自定义滚动条轨道 */ .element::-webkit-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值