admin管理员组

文章数量:1611139

position:fixed定位的元素,宽度超出，怎么解决？

最近做项目时，用fixed固定头部时，发现宽度超出。

因为整体布局为左右结构，父元素采用flex布局。左侧固定宽度，右侧填充。

右侧头部需要固定显示，下面内容可以滚动，width设置为100%时，发现超出父元素。

后解决办法为：

.header {
	height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #cecece;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    position: fixed;
    width: calc(100% - 435px);
}

虽然暂时解决问题，但是如果左侧的需求为可以伸缩。。。。

不知有没有更好的解决办法。

本文标签： 解决办法宽度元素Positionfixed

版权声明：本文标题：position:fixed定位的元素,宽度超出，有更好的解决办法吗？ 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dianzi/1728607036a1165584.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。