宝慕林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>
因为右边显示网页结果的部分宽度不够,你可以把中间用来写代码的部分缩小点(那个界面可以用拖拽的方式往左边调窄点),然后你就是可以看到你想要的效果了。还有一个办法,你把第9行的代码写成 width:100px;也可以看到你想要的结果
右边显示全屏试试
因为div默认的就是从左到右啊,float left当然看不出效果了
初识HTML(5)+CSS(3)-升级版
1225813 学习 · 18234 问题
相似问题