6:52布局是如何写的？

个回答

qq_听说_0

2015-08-25 13:19:59

代码截图

0
qq_听说_0

2015-08-25 13:18:20

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.left{
float: left;
width: 256px;
}
.right{
min-height: 171px;
background-color: #becceb;
clear:both;
}
</style>
</head>
<body>
<div>
<div>
<img src="img/1.jpg"/>
</div>
<div>
<img src="img/2.jpg" />
</div>
</div>
</body>
</html>
你跑一下这个代码，看看是不是要这个样子

0
qq_听说_0

2015-08-25 10:19:55

你的代码里面没有left和right视频里的效果跟你贴的这个效果有什么不一样的？还是没太懂你的意思

0
扇扇要努力

2015-08-24 21:25:19

如果对上文中div.right设置clear：both效果如下图
跟老师实现效果并不一样，请问老师代码结构是怎样？

0

扇扇要努力: 2015-08-24 21:22:56

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.left{
float: left;
width: 128px;
}
.right{
min-height: 190px;
background-color: #beceeb; 
}
</style>
</head>
<body>
<img src="../1.png">
<div>
<img src="../2.png">
</div>
</body>
</html>

qq_听说_0

2015-08-24 16:33:58

贴图看一下

0
扇扇要努力

2015-08-24 16:13:48

<div class="right">
<img class="left" src="1.jpeg">
<div>
<img src="2.jpeg">
</div>
</div>

0