加上float:left结果没有变化

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

宝慕林1751441

2017-03-21 17:14

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


写回答 关注

3回答

  • 慕粉0238423376
    2017-03-23 22:33:48
    已采纳

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

    宝慕林175...

    非常感谢!

    2017-04-02 20:34:09

    共 1 条回复 >

  • 慕粉1114061388
    2017-03-29 15:38:09

    右边显示全屏试试

  • 学习js
    2017-03-21 17:16:08

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

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

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

1225813 学习 · 18234 问题

查看课程

相似问题