想让每个div块之间都有间隔怎么实现？-慕课网

想让每个div块之间都有间隔怎么实现？

来源：13-4 起飞咯 - 浮动模型

Y留过长发虽未及腰

2016-01-28 17:12

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>浮动模型</title>
<style type="text/css">
#div3{
border:5px pink solid;
width:605px;
height:20px;
inline-block;
background-color:Cyan;
}
#div1,#div2{border:5px yellow solid;
width:300px;
height:80px;
inline-block;
background-color:chartreuse;
float:left;}
</style>
</head>
<body>
<div id="div3">导航条</div>

<div id="div1">栏目1</div>
<div id="div2">栏目2</div>

</body>
</html>

写回答关注

1回答

MiloFeng: 2016-01-28 17:17:21

<div id="div3">导航条</div>
<div id="div1">栏目1</div>
<div id="div2">栏目2</div>

<style>
    div {
        width: 100%;
        height: 300px;
        background: #f00;
    }
    #div2 {
        margin: 10px 0;
    }
</style>

0 0

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225297 学习 · 18230 问题

查看课程

相似问题

想让每个div块之间都有间隔怎么实现？

回答 7

为什么DIV标签和H1标签中间会有一行间隔？？？而二个DIV之间却没有·····

回答 2

转成内联块级元素实现并排为什么两个元素之间有距离，都设置margin为0了啊，用浮动float：left实现这两个div之间就没有

回答 5