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);
}
虽然暂时解决问题,但是如果左侧的需求为可以伸缩。。。。
不知有没有更好的解决办法。