为了账号安全,请及时绑定邮箱和手机立即绑定

加上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>


正在回答

3 回答

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

0 回复 有任何疑惑可以回复我~
#1

宝慕林1751441 提问者

非常感谢!
2017-04-02 回复 有任何疑惑可以回复我~

右边显示全屏试试

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

加上float:left结果没有变化

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信