论坛

标题: BOX4和BOX5我已经写了浮动向左，为什么又飘到后面了。 [打印本页]

作者: 想念666 时间: 2017-3-17 11:07
标题: BOX4和BOX5我已经写了浮动向左，为什么又飘到后面了。

求老师给以解答，谢谢！
<!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=utf-8" />
<title>无标题文档</title>
<style type="text/css">
body
#boss {
      font: 18px "宋体";
      margin: 0px auto;
      height: 2509px;
      width: 1097px;
}
#boss_01 {
      margin: 0px auto;
      height: 55px;
      width: 1097px;
      float: left;
}
#boss_02 {
      margin: 0px auto;
      height: 66px;
      width: 1097px;
      float: left;
}
#boss_03 {
      margin: 0px;
      height: 104px;
      width: 1097px;
      float: left;
}
#boss_04 {
      float: left;
      height: 1748px;
      width: 312px;
margin: 0px auto;
}
#boss_05 {
      float: left;
      height: 1746px;
      width: 786px;
      margin: 0px auto;
}
#boss_06 {
      float: left;
      height: 142px;
      width: 1097px;
margin: 0px auto;
}
#boss_07 {
      float: left;
      height: 282px;
      width: 1097px;
      margin: 0px auto;
}
#boss_08 {
      float: left;
      height: 116px;
      width: 1097px;
      margin: 0px auto;
}
#boss_09 {
      float: left;
      height: 317px;
      width: 786px;
      margin: 0px auto;
}
#boss_10 {
      float: left;
      height: 447px;
      width: 786px;
      margin: 0px auto;
}
#boss_11 {
      float: left;
      height: 386px;
      width: 786px;
      margin: 0px auto;
}
#boss_12 {
      float: left;
      height: 598px;
      width: 786px;
      margin: 0px auto;
}
#boss_13 {
      float: left;
      height: 729px;
      width: 312px;
      margin: 0px auto;
}
#boss_14 {
      float: left;
      height: 153px;
      width: 312px;
      margin: 0px auto;
}
#boss_15 {
      float: left;
      height: 267px;
      width: 312px;
      margin: 0px auto;
}
#boss_16 {
      float: left;
      height: 240px;
      width: 312px;
      margin: 0px auto;
}
#boss_17 {
      float: left;
      height: 357px;
      width: 312px;
      margin: 0px auto;
}
#boss_18 {
      float: left;
      height: 317px;
      width: 242px;
      margin: 0px auto;
}
#boss_19 {
      float: left;
      height: 316px;
      width: 543px;
      margin: 0px auto;
}
</style>
</head>

<body>
<div id="boss">
<div id="boss_01"><img src="images/作业一_01.gif" width="1097" height="55" /></div>
<div id="boss_02"><img src="images/作业一_02.gif" width="1097" height="65" /></div>
<div id="boss_03"><img src="images/作业一_03.gif" width="1097" height="104" /></div>
<div id="boss_04">
  <div id="boss_13"><img src="images/作业一_04.gif" width="312" height="728" /></div>
  <div id="boss_14"><img src="images/作业一_08.gif" width="312" height="153" /></div>
  <div id="boss_15"><img src="images/作业一_10.gif" width="312" height="267" /></div>
  <div id="boss_16"><img src="images/作业一_11.gif" width="312" height="240" alt="" /></div>
  <div id="boss_17"><img src="images/作业一_13.gif" width="312" height="357" /></div>
</div>
<div id="boss_05">
<div id="boss_09">
<div id="boss_18"><img src="images/作业一_05.gif" width="242" height="316" /></div>
<div id="boss_19"><img src="images/作业一_06.gif" width="543" height="316" /></div></div>
<div id="boss_10"><img src="images/作业一_07.gif" width="785" height="446" /></div>
<div id="boss_11"><img src="images/作业一_09.gif" width="785" height="386" /></div>
<div id="boss_12"><img src="images/作业一_12.gif" width="785" height="597" /></div>
</div>
<div id="boss_06"><img src="images/作业一_14.gif" width="1097" height="142" /></div>
<div id="boss_07"><img src="images/作业一_15.gif" width="1097" height="282" /></div>
<div id="boss_08"><img src="images/作业一_16.gif" width="1097" height="116" /></div>
</div>
</body>
</html>

作者: 潜意式 时间: 2017-3-18 10:07
box的划分思路应该是这样的
[attach]86293[/attach]

欢迎光临论坛 (http://bbs.qinxue.com/)