关键词搜索

全站搜索
×
密码登录在这里
×
注册会员
×

已有账号? 请点击

忘记密码

已有账号? 请点击

使用其他方式登录

CSS子元素绝对定位后无法宽度自适应解决办法

发布2023-08-16 浏览235次

详情内容

在父元素中的子元素是绝对定位弹出,但想让子元素是绝对定位弹出宽度自动自适应内容, CSS元素绝对定位后无法宽度自适应解决办法。

原代码:

.fixedtool ul li{position: relative;margin-bottom:10px;}
.fixedtool ul li .tips{position: absolute;right: 40px;top:5px;color: #fff;background-color: #333;line-height: 36px;border-radius: 4px;width: auto;font-size: 14px;padding: 0 10px;text-align: center;display: none;}

用图看下问题:

image.pngimage.png

内容长后,自动换行了。tips加上with:auto 是没有效果的。

解决办法在子元素加上

子元素
display: inline-block;
white-space: nowrap;  //强制撑开

.fixedtool ul li .tips{position: absolute;right: 40px;top:5px;color: #fff;background-color: #333;line-height: 36px;border-radius: 4px;width: auto;font-size: 14px;padding: 0 10px;text-align: center;display: none;}



点击QQ咨询
开通会员
返回顶部
×
  • 微信支付
微信扫码支付
微信扫码支付
请使用微信描二维码支付
×

提示信息

×

选择支付方式

  • 微信支付
确定支付下载