230问答网 > css中怎样做一个左边固定，右边响应式随屏幕宽度变化而变化的并列的布局？

css中怎样做一个左边固定，右边响应式随屏幕宽度变化而变化的并列的布局？

2024-12-31 17:48:18

推荐回答（3个）

回答1：

写一个小例子给你看看，你就明白了

html内容如下

左边的内容

右边的内容

css内容如下：

.left{width:200px;float:left;margin-right:-200px;background: #00ca57;}
.right{width:100%;float:left;}
.right_content{margin-left:200px;background: #269abc;}

完美实现，请采纳~！

回答2：

左边的宽度你i设置成固定的宽度，右边的宽度你用百分比

回答3：

左边div左浮动设置固定宽度，右边div margin-left设置左边div的宽度值，右边div不需要浮动