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

转载 2015年11月18日 12:37:06

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

可以伸缩DIV

    aa                    border-top: #ff3300 1px dotted; border-left: #ff3300 1px dotted; border-bo...
  • jackwofe
  • jackwofe
  • 2007年11月06日 15:54
  • 1892

DIV 左右布局方案

DIV 左右布局方案
  • Silent_Paladin
  • Silent_Paladin
  • 2017年03月01日 20:59
  • 1526

CSS"盒子模型"

学习CSS"盒子模型"       盒子模型(Box Model)是CSS控制页面时一个很重要的概念。只有很好...
  • yippeelyl
  • yippeelyl
  • 2017年04月10日 19:40
  • 605

FLEX布局

flex布局背后的主要思想给容器控制项目(Flex项目)的宽度、高度的能力,使用Flex项目可以自动填满容器的可用空间(主要是适应所有类型的显示设备和屏幕大小)。Flex容器使用Flex项目可以自动放...
  • LIERGUAI
  • LIERGUAI
  • 2017年03月14日 11:49
  • 110

<div>手绘页面布局(上下左右中)

1、空白页面 我的文件夹 2、添加6个 div 标签 我的文件夹 1 2 3 4 5 6 3、将页面划分为五个部分:banner、left、center、rig...
  • teamlet
  • teamlet
  • 2014年12月30日 21:29
  • 7842

float 左右布局,左右div等高

一. 利用背景图,做出左右等高的模拟效果   这种方法不是真正的左右等高,而是在外框元素中添加一张背景图片,当内容增多时,背景会纵向重复,就会形成左右等高的效果。  这种方法不是真正的div自动等高...
  • wodetiankong516
  • wodetiankong516
  • 2013年09月25日 13:41
  • 17168

SVG study

http://www.chinasvg.com/index.php?option=com_content&task=view&id=38&Itemid=5http://www.chinasvg.com...
  • vistastone
  • vistastone
  • 2007年12月16日 22:16
  • 760

c#实现左侧伸缩菜单那

好久没写博客了,今天总结一下前几周的一个例子 希望今后有人可以一起分享自己的发现。 使用C#开发实现左侧伸缩菜单栏,最开始我想用panle+label实现但是终究没有是实现,于是我开始网上搜索,有说用...
  • u010786215
  • u010786215
  • 2017年02月28日 15:09
  • 304

左右div内容互换(单击左边div里的一项内容,此内容变没,跑到右边div中)

昨天重构页面,发现个小问题,算是电子商务常见的一种效果吧,在网上找了好久没有找到,后来就自己用jQuery写了出来,但是还是有点小问题:单击左边div中的内容,此内容跑到右边div中,但是在单击右边d...
  • ly2983068126
  • ly2983068126
  • 2015年10月20日 09:53
  • 1197
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Css中实现两个DIV左右并排摆放,且自动按比例伸缩(示例)
举报原因:
原因补充:

(最多只允许输入30个字)