元素设置position:fixed属性后IE下宽度无法100%延伸
元素设置position:fixed属性后IE下宽度无法100%延伸
IE bug 出现条件:
1、div1设置position:fixed属性,并且想要width:100%的效果。
2、div2(下层元素)设置了宽度并居中。
解决方案:
.div1{left:0}即fixed层设置left值为0。
代码如下:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>test</title> 5 <style> 6 *{margin:0px;padding:0px} 7 .div1{position:fixed;height:40px;background:#666;width:100%;color:#fff} 8 .div2{width:980px;margin:0 auto} 9 </style> 10 </head> 11 12 <body> 13 <div class="test"> 14 <div class="div1">元素设置position:fixed属性后IE下宽度无法100%延伸</div> 15 <div class="div2">div2设置了宽度</div> 16 </div> 17 </body> 18 </html>
html5
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步