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

至少也给出个类似于百度的搜索结果页的布局:右边块固定大小,左边块也固定大小,右边块向右边浮动。拉伸变动浏览器的大小,能改变左右2块的距离,中间空白可伸缩。如何实现。看百度... 至少也给出个类似于百度的搜索结果页的布局:右边块固定大小,左边块也固定大小,右边块向右边浮动。拉伸变动浏览器的大小,能改变左右2块的距离,中间空白 可伸缩。如何实现。看百度的搜索结果页,就能知道什么效果了。 展开
 我来答
jy07sg
推荐于2016-12-04 · TA获得超过1044个赞
知道小有建树答主
回答量:930
采纳率:0%
帮助的人:733万
展开全部
你要留在中间的给他加个css样式 样式就用.BD表示 就写
.BD{margin:0px auto;width:400px;height:300px}
然后给你的右边那个弄个绝对定位
.Bd{position:absolute;right:0px;top:0px}
把这两个样式弄进去就ok了
<div class="BD"><input type="text" value="输入您要搜索的关键词" style="width:300px;"></div>
<div class="Bd">右边漂浮的东西</div>
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
九歌000
2010-08-12 · TA获得超过113个赞
知道答主
回答量:113
采纳率:0%
帮助的人:41.2万
展开全部
用:min-width这个属性确定最小宽度。
左右浮动用float属性即可实现。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式