使2个div 在一行上显示
2015-03-26 10:42
253 查看
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>CSS</title>
<link href="~/Content/Home.css" rel="stylesheet" />
</head>
<body>
<div>
<div class="div-1 "></div>
<div class="div-2 "></div>
</div>
</body>
</html>
CSS样式
.div-1 {
background-color:lavender;
width: 40%;
height: 400px;
float: left;
}
.div-2 {
background-color: yellowgreen;
width: 60%;
height: 400px;
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS让2个DIV在同一行显示的解决方法
- 让2个DIV居中并排显示
- CSS 让div内的span在一行显示
- 两个DIV在同一行显示
- 2016/2/24 1,css有几种引入方式 2,div除了可以声明id来控制，还可以声明什么控制？ 3,如何让2个div，并排显示。4，清除浮动 clear：left / right / both
- 块级元素（比如div）显示在同一行的方法
- html在一行内横向排列并排同行同时显示两个多个div盒子的方法(CSS浮动清除float-clear/inline)/办法
- CSS+DIV实现文字一行内显示，并且过多的文字以点来代替
- Android 同一行2个TextView 右边的完全显示，左边的超出显示省略号
- 两个div如何在同一行显示
- div和span显示在同一行
- 实现三个div同一行显示，IE6 and Ie7 :display:inline-block
- 两个div在同一行显示 调整两个div间的高度 栅格系统col-sm md lg
- 如何让div中的文字只显示一行，多余的文字隐藏并加上省略号 .
- 两个div显示在一行
- 多个div在一个div中一行水平显示(inline-block)
- div在同一行中显示
- 鼠标移上一行以DIV的形式显示内容
- div+CSS设置一行内文字超过宽度不换行且不显示