父元素用position:relative;布局，左侧固定宽度，右侧自适应宽度。如何实现
1个回答
展开全部
思路：在容器里让2个 div浮动，一个左 一个右，右边那个利用浮动特性，脱离文本流，且具有只要有能容纳它的空间它就会占据那个地方，利用-margin（负边距）来实现右边的自适应，再在这个自适应内部嵌套一个div ，设置它的padding-right或marg-right来达到自适应。
例子如下：按你要求,大致如下类似，注意兼容
<div style='position:relative;background:#ccc;overflow:hidden;'>
<div style='float:left;width:200px;height:300px;background:blue;'></div>//left float
<div style="width:100%;float:right;margin-right:-200px;overflow:hidden">//right float自适应容器
<div style='height:500px ;background:red;padding-right:200px;'></div>//自适应宽度内容区
</div>
例子如下：按你要求,大致如下类似，注意兼容
<div style='position:relative;background:#ccc;overflow:hidden;'>
<div style='float:left;width:200px;height:300px;background:blue;'></div>//left float
<div style="width:100%;float:right;margin-right:-200px;overflow:hidden">//right float自适应容器
<div style='height:500px ;background:red;padding-right:200px;'></div>//自适应宽度内容区
</div>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
七鑫易维信息技术
2024-09-02 广告
Play Video 七鑫易维是致力于机器视觉和人工智能领域的高新科技企业，迄今已专注眼球追踪技术的研发、创新与应用超过14年，拥有完全自主知识产权，全球专利总量655余项。 作为眼球追踪技术领域的全球知名品牌，七鑫易维的产品体系覆盖眼动分...
点击进入详情页
本回答由七鑫易维信息技术提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
