请教下 我这原本是4个div 我把它改成了1个DIV里面的5个元素 怎么实现图例的效果呀
<!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">
*{margin:0; padding:0;}
.div{margin:0 auto}
#left{float:left;width:110px; border：1px solid red;}
#mid{border:1px solid #999;}
</style>
</head>
<div>
<img src="http://img.mukewang.com/5369cd6e0001a15b09700088.jpg" width="970" height="88" />
<img src="http://img.mukewang.com/5369cd0e00011e3901090487.jpg" width="109" height="487" />
<img src="http://img.mukewang.com/5369cd3c00013e9e06490439.jpg" width="649" height="439" />
<p>欢迎使用金山软件出品的爱词霸，在线查询你英语词汇、句子释义</p>
<img src="http://img.mukewang.com/5369cd540001d8e101770329.jpg" width="177" height="329" />
</div>
</body>
</html>
qq_12月_02回答
-
hulukid
一样的，你原本是四个div，现在只是用外面的一个div把四个包在里面。top: with 100%, height 自定义然后clear:bothleft，mid, right都设置float:left
随时随地看视频慕课网APP
Html/CSS