请问：在css+div中，父容器宽度自适应，里面的子容器居右显示（向右浮动），怎么实现？谢谢！
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了请问：在css+div中，父容器宽度自适应，里面的子容器居右显示（向右浮动），怎么实现？谢谢！相关的知识，希望对你有一定的参考价值。
<style type="text/css">div.afloat:left;border:1px solid red;padding:5px;
div.a1float:right;width:200px;height:50px;border:1px dotted black;
div.a2float:right;width:100px;height:50px;border:1px dotted green;
</style>
<body>
<div class="a">
<div class="a1">
</div>
<div class="a2">
</div>
</div>
</body>
这样? 参考技术A <style>
#containerwidth:1000px;min-height:0;overflow:hidden;margin:0 auto;border:1px solid blue;padding:10px
#container #rightwidth:500px;height:600px;float:right;border:1px solid red
</style>
<div id="container">
<div id="right">test</div>
</div> 参考技术B 都写float
没有什么自适应的。
css外层高度600px,里面div如何自适应填满高度？
<div>//外层div固定600px高度
<div class="div1"></div>// div1高度根据内容不定
<div class="div2"></div>// div2高度根据内容不定
<div class="div3"></div>// div3如何填满剩余的高度？
</div>
//例如：假如div1内容高度10px，div2内容高度15px，div3应该占剩余高度575px;
如何写css
.div display:flex; flex-direction:column; width:600px; height:600px; border:1px solid #ccc
.div1 flex:0 0 auto; background-color:red
.div2 flex:0 0 auto; background-color:green
.div3 flex:1 1 auto; overflow:hidden; background-color:blue
</style>
<div class="div">
<div class="div1">div1</div>
<div class="div2">div2</div>
<div class="div3">div3</div>
</div>
以上是关于请问：在css+div中，父容器宽度自适应，里面的子容器居右显示（向右浮动），怎么实现？谢谢！的主要内容，如果未能解决你的问题，请参考以下文章