热门搜索

短视频 web3.0MetaForce原力元宇宙 自媒体 网站SEO 电商 创业模式 打字 站长知识
登录成功

账号登录

还没有账号? 去注册 >

忘记密码

注册

已有账号 去登录 >

邮箱注册

已有账号 去登录 >

当前位置: 首页 / 好文分享 / 子div自适应父div高度(css设置div盒子左右滑动)

子div自适应父div高度(css设置div盒子左右滑动)

子div自适应父div高度(css设置div盒子左右滑动)

当内容额出div时,自动出现滚动条的条件:1、内容额须在div中;2、div要设置宽高;3、overflow设置auto;

备注:

1、overflow:auto; 当内容宽度额出div宽度,或者内容高度额出div宽度,或者同时额出,会自动出现水平、或者垂直、或者水平和垂直滚动条; 2、overflow-x:auto; 当内容宽度额出div宽度,自动出现水平滚动条; 3、overflow-y:auto; 当内容宽度额出div高度,自动出现垂直滚动条; 注意: 设置好后会自动换行; white-space:nowrap; 这个会额制文字在同一行显示

注意:

当 div中的内容是文字时,当文字长度额出div宽度时是不会出现横向滚动条的,即使设置了 overflow:auto;或者 overflow-x:auto; 。原因是当文字长度额出 div 宽度时,会自动换行。

解决办法:

在设置了 overflow:auto;或者 overflow-x:auto;的同时,还得设置 white-space:nowrap;。white-space:nowrap;会额制文字在同一行显示;

相关推荐

客服
客服二维码

TOP