首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >两个div的响应布局--一个在一行中固定长度

两个div的响应布局--一个在一行中固定长度
EN

Stack Overflow用户
提问于 2012-08-06 03:04:53
回答 3查看 140关注 0票数 2
  • 我有两个硬币
  • 一个宽度固定的20 One;
  • 我希望第二个div获取其父容器的所有可用宽度。
  • 我不知道父容器在px中的宽度。我把它写在“%s”里

我怎样才能做到这一点?

EN

Stack Overflow用户

发布于 2012-08-06 03:18:20

试试这个:

HTML:

代码语言:javascript
运行
复制
<div id='wrapper'>
    <div id='first'/>
       first
    </div>
    <div id='second'/>
       second
    </div>    
</div>

CSS:

代码语言:javascript
运行
复制
#first {
   width: 20px;
   height:50px; // height is set for test
   background-color: red    
}

#second {
   height:50px;
   background-color: blue;
}

#wrapper div {
   float:left
}

联署材料:

代码语言:javascript
运行
复制
$(window).resize(function(){
   var r = $('#wrapper').width() - 20;
   $('#second').width(r)
}).resize()

演示

票数 2
EN
查看全部 3 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11822075

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档