Css中实现两个DIV左右并排摆放，且自动按比例伸缩（示例）
2012-12-12 16:39
681 查看
Div0为最大的，Div1和Div2为左右分割的DIV
#Div0
{
float:left; background-color:Blue; width:100%; height:180px;
}
#Div1
{
float:left; background-color:Blue; width:70%; height:180px;
}
#Div2
{
background-color: Green; width:30%;height:180px; float:right;
}
要想让后面的div 再换行，就用clear:both;就可以了。
#Div0
{
float:left; background-color:Blue; width:100%; height:180px;
}
#Div1
{
float:left; background-color:Blue; width:70%; height:180px;
}
#Div2
{
background-color: Green; width:30%;height:180px; float:right;
}
要想让后面的div 再换行，就用clear:both;就可以了。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Css中实现两个DIV左右并排摆放，且自动按比例伸缩（示例）
- CSS中实现两个DIV左右并排摆放
- css实现两个div并排等高
- div如何实现左右两个panel并排，而且高度一致
- div+css实现的左右两个等高div
- css实现两个div并排等高
- div如何实现左右两个panel并排，而且高度一致
- css实现div中的图片自动上下左右居中
- css实现两个div并排显示
- 左右两个div高度自动一致,自适应高度
- div+CSS实现段落首行缩进两个字符
- css实现文章每个段落开头自动缩进两个空格
- CSS实现图片在DIV中上下左右居中（1）
- DIV+CSS布局问题：一个宽度不确定的DIV里面放三个水平对齐的DIV，左右两个DIV宽度固定为150px，中间那个DIV充满剩余的宽度
- css实现div自动添加纵向滚动条
- 转载--左右两个div高度自动一致
- div等比例缩放-------纯CSS实现自适应浏览器宽度的正方形
- css中position:fixed实现div居中上下左右居中
- css实现div内图片上下左右居中
- javascript + css 实现div层的伸缩(仅高度)-可设置初始慢慢展开