关于浮动的问题

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

慕田峪9304305

2018-04-08 20:07

<!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不是两边分布的



写回答 关注

1回答

  • yintime
    2018-04-08 21:02:47
    已采纳

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

    慕田峪930...

    非常感谢!

    2018-04-08 21:12:40

    共 1 条回复 >

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

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

1225314 学习 · 18230 问题

查看课程

相似问题