cwlr.net
当前位置:首页 >> Css 占据剩余空间 >>

Css 占据剩余空间

右边盒子设置宽度百分之百,margin-left是左边盒子的宽度就可以了 或者伸缩布局,设置flex

Documentbody{margin:0;}.stage{position:relative;}.left{position:absolute;left:0;top:0;background-color:green;width:200px;height:500px;}.center{margin-left:200px;background-color:orange;height:500px;}

主要样式: .div1{position:absolute; left:0; width:200px}.div2{margin-left:200px}主要html结构:

把以上代码加到body里试一试 本应写成function 就是做个示意给你看看原理 顺便提一点 图上的圆角矩形 不知道是用css做的还是图片 css的可有难度哦

网站首页 | 网站地图
All rights reserved Powered by www.cwlr.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com