关闭

Css中实现两个DIV左右并排摆放,且自动按比例伸缩(示例)

225人阅读 评论(0) 收藏 举报
分类:

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;就可以了。

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:736648次
    • 积分:11486
    • 等级:
    • 排名:第1405名
    • 原创:352篇
    • 转载:438篇
    • 译文:2篇
    • 评论:49条
    最新评论