为什么不能在同一排-慕课网

首页课程实战体系课手记专栏慕课教程

为什么不能在同一排

来源：2-6 编程练习

听见你流泪

2016-04-19 21:50

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<style type="text/css">

/*在此定义相应的类选择器，并根据要求设置相关CSS属性*/

.box{background:#cff;width:960px;height:300px;}

.main{height:300px;width:740px;background:#c9f;}

.look{height:300px;width:210px;background:#fcf;float:right;}

</style>

</head>

<body>

<div class="box">

<div class="main"></div>

<div class="look"></div>

</div>

</body>

</html

look块为啥在下面

写回答关注

3回答

qq_诺_6

2016-05-22 16:16:02

div是块级元素，一个块独占一行

0 0
谷栎恬馨

2016-04-19 22:29:58

.main的div没有设置浮动，block元素会自动换行，所以.look会在第二行的靠右。

0 0
slowACtion

2016-04-19 22:15:17

因为.main在 .look前面。。。一旦发出float:left或float:right命令，被浮动的对像就会向左或向右移动直到遇到另一个块对象的边缘为止(块的border/margin/padding，行内元素不管用除非用display:block)。

0 0

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157043 学习 · 1984 问题

相似问题

为什么我的nav_left和nav_mid,nav_right不在同一行？

回答 4

为什么不在一列上

回答 3

为什么不在一行呢

回答 2

三个框不再同一水平线，为什么？

回答 1

电话号码不在同一行显示，实现方法为什么不用float呢？

回答 3

打开慕课网App查看更多内容