css 两列布局 右边固定 左边可伸缩 但是有最小宽度 如何实现?
至少也给出个类似于百度的搜索结果页的布局:右边块固定大小,左边块也固定大小,右边块向右边浮动。拉伸变动浏览器的大小,能改变左右2块的距离,中间空白可伸缩。如何实现。看百度...
至少也给出个类似于百度的搜索结果页的布局:右边块固定大小,左边块也固定大小,右边块向右边浮动。拉伸变动浏览器的大小,能改变左右2块的距离,中间空白 可伸缩。如何实现。看百度的搜索结果页,就能知道什么效果了。
展开
2个回答
展开全部
你要留在中间的给他加个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>
.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>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询