html – CSS并排div与Pixel和Percent宽度

概述我有两个div(并排)在一个父div，我想要右div占据剩余空间的100％(即100％ – 200像素)，应该始终保持在左div旁边(不在left div左边)： <div id="wrapper" style="width: 100%;"> <div id="left" style="background-color: Blue; height: 100px; float: left; 我有两个div(并排)在一个父div，我想要右div占据剩余空间的100％(即100％ – 200像素)，应该始终保持在左div旁边(不在left div左边)：

<div ID="wrapper" >    <div ID="left" ></div>    <div ID="right" ></div>    <div ></div></div>

解决方法 由于您只有一个固定宽度的列，它将它悬空，就是它。对于第二列，不要指定float和wIDth;这确保它是100％宽。但是你必须添加一个左边距;否则第二列将干扰浮动柱，例如

>蓝色背景会出现水色背景(关闭蓝色背景，看看我的意思)
>如果第二列变得比第一列高，则附加内容将开始显示在第一列的下方。

<div ID="wrapper">    <div ID="left" ></div>    <div ID="right" ></div>    <div ></div></div>

总结

以上是内存溢出为你收集整理的html – CSS并排div与Pixel和Percent宽度全部内容，希望文章能够帮你解决html – CSS并排div与Pixel和Percent宽度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。