左边一个div，右边对应两个div

<div style="width: 20%; height: 60px; float: left; background-color: red">右边大块
</div><div style="width: 80%; height: 30px; float: left; background-color: pink">左边1块
</div><div style="width: 80%;height: 30px;float: left;background-color: #fef4e7;">左边2块
</div>

效果

左边一个div，右边对应两个div相关推荐

html三个div相同高度,两个DIV高度自适应方法(左右两个DIV高度一样)
html: aaaa aaaa bbb 1.使用display:table; 利用的table本身的自适应特性,兼容性好,容易使用#container{width:500px; display: ta ...
html div左中右布局,求助css。一个div包含两个div，左右布局，左边css宽30%，右边div宽70%。高度均自...
求助css. 一个div包含两个div,左右布局,左边css宽30%,右边div宽70%.高度均自以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让 ...
html两个div浮动后下一个div怎么换行的问题
欢迎访问我的个人博客:机器学习之路刚开始学习网页前端,不懂得问题挺多,总在网上查找相关知识点,但是东西一旦多了就特别难记全了,今天又查东西突然发现别人都是查完以后把东西写一遍文章记下来 ...
html两个div一个在前一个在后,html/css 两个div在同一行
在界面设计的时候,经常需要将两个div在同一行显示. 但是每次都会忘记怎么做,特此随笔,备忘. 如以下要将"第一个div"和"第二个div"显示在同一行: /* ...
css让两个div各自在两边的样式
最近做了一个工作就是统一下各个业务模块的样式,表单上的两个模块一个在左边一个在右边,并且是自适应的缩放时,不会换行变位置. 之前都是使用的elementUI上的<el-row>和<e ...
实现让两个DIV横向排列方法揭秘
你对如何定义让两个DIV横向排列的方法是否熟悉,这里和大家分享一下,主要有两种方法,一种是把display换成inline,另一种就是使用float:right属性,相信本文介绍一定会让你有所收获的. ...
css让四个div并排显示,css如何让两个div并排显示？
让两个Div并排显示的方法有很多,使用display的inline属性.通过设置float来让Div并排显示都可以实现,下面我们来看一下CSS实现两个div并排显示的方法. 让两个Div并排显示一. ...
div 隐藏_CSS实现六边形Div图片展示效果
一. 效果图二. 六边形效果涉及到的知识点 1. transform: rotate(120deg); // 元素旋转 2. overflow: hidden; // 超出隐藏 3. visibil ...
两个div并排左边div宽固定右边自适应
实现两个div,左边固定div宽度200px,右边div自适应 <div class= "container"><div class="left&quo ...

左边一个div，右边对应两个div

效果

左边一个div，右边对应两个div相关推荐

最新文章

热门文章