html占居父类大小,html – 如何使用CSS显示元素是否超过其父级的大小?

我读了你的问题和评论.我有一个想法.

是的,我认为你的问题的最佳方法是使用javascript.

但我决定找到替代方案:)

这就是为什么我花了10分钟的时间来解决这个问题.

是的,它仅适用于webkit浏览器.但这是可能的.

.parent {

position: relative;

border: 1px solid #000;

height: 200px;

width: 200px;

overflow:auto;

}

.child {

position: absolute;

top: 40px;

border: 1px solid red;

height: 100px;

width: 400px;

}

.parent1 {

position: relative;

border: 1px solid #000;

height: 200px;

width: 200px;

overflow:auto;

}

.child1 {

position: absolute;

top: 40px;

border: 1px solid red;

height: 400px;

width: 100px;

}

::-webkit-scrollbar {

background: transparent;

}

::-webkit-scrollbar-button:horizontal:end {

border-top: 8px solid transparent;

border-bottom: 8px solid transparent;

border-right: 8px solid transparent;

border-left:8px solid red;

}

::-webkit-scrollbar-button:vertical:end {

border-left: 8px solid transparent;

border-bottom: 8px solid transparent;

border-right: 8px solid transparent;

border-top:8px solid blue;

}

Some text

Some text

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
相关推荐
©️2020 CSDN 皮肤主题: 1024 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值