左边有导航栏右边如何居中

来源:互联网 发布:hdmi矩阵使用方法 编辑:程序博客网 时间:2024/04/28 11:30

一般这种页面是分左右两块div,然后右边的内容居中在右边div的页面内或者占满右边,然后右边这块div的宽度是自适应的,根据屏幕的大小而改动

当然可以用js获取屏幕或者浏览器的宽度再进行计算,然后再居中,但是这样子浏览器缩小的时候还要再一次通过js来计算然后再居中,这样子是没必要的

那么如何获取右边这块div的宽度呢

就是设置绝对定位

右边的position: absolute;left: 200px;right: 0px;不需要再设置宽度这就是右边这块div的大小,不过需要添加一个min-width避免把内容压缩

然后子元素再使用margin:0 auto;这样就是使右边这块的div自动居中了


0 0
原创粉丝点击