css 两列布局右边固定左边可伸缩但是有最小宽度如何实现？

答案:2 悬赏:60 手机版

解决时间 2021-03-18 17:15

提问者网友：眉目添风霜
2021-03-17 22:42

至少也给出个类似于百度的搜索结果页的布局：右边块固定大小，左边块也固定大小，右边块向右边浮动。拉伸变动浏览器的大小，能改变左右2块的距离，中间空白可伸缩。如何实现。看百度的搜索结果页，就能知道什么效果了。

最佳答案

五星知识达人网友：胯下狙击手
2021-03-18 00:10

你要留在中间的给他加个css样式样式就用.BD表示就写
.BD{margin:0px auto;width:400px;height:300px}
然后给你的右边那个弄个绝对定位
.Bd{position:absolute;right:0px;top:0px}
把这两个样式弄进去就ok了

右边漂浮的东西

全部回答

1楼网友：英雄的欲望
2021-03-18 00:34

第一种方法，网上流传比较广的方法。采用左列left浮动，右列不浮动，采用margin-left定位的方式。 #left{width:100px;height:100px;background-color:#ccc;border:2px solid #333;float:left;}#right{height:300px;margin-left:104px; border:2p...

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息

css 两列布局 右边固定 左边可伸缩 但是有最小宽度 如何实现？

css 两列布局右边固定左边可伸缩但是有最小宽度如何实现？