关于浮动的问题

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

关于浮动的问题

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>浮动模型</title>

<style type="text/css">

div{

border:2px red solid;

width:200px;

height:400px;

}

#div1{

float:left;

}

#div2{

float:right;

}

</style>

</head>

<body>

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

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

</body>

</html>为什么我按照例子来写两个div不是两边分布的

提问者：慕田峪9304305 2018-04-08 20:07

个回答

yintime

2018-04-08 21:02:47

已采纳

原代码必须在窗口显示区域大于400px时才能看出效果可以试着把两个DIV的width值改小到如20px

0