加上float:left结果没有变化

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

加上float:left结果没有变化

<!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;

float:left;

}

</style>

</head>

<body>

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

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

</body>

</html>

提问者：宝慕林1751441 2017-03-21 17:14

个回答

慕粉0238423376

2017-03-23 22:33:48

已采纳

因为右边显示网页结果的部分宽度不够，你可以把中间用来写代码的部分缩小点（那个界面可以用拖拽的方式往左边调窄点），然后你就是可以看到你想要的效果了。还有一个办法，你把第9行的代码写成 width:100px;也可以看到你想要的结果

0
慕粉1114061388

2017-03-29 15:38:09

右边显示全屏试试

0
学习js

2017-03-21 17:16:08

因为div默认的就是从左到右啊,float left当然看不出效果了

0