<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width" initial-scale="1.0" />//加入自适应当前屏幕0
<title></title>
<style type="text/css">
a{
margin-left: 100px; line-height: 90px;
}
.one{
width: 100%; background-color: palegreen;//one中不给高度，如果给爷没有效果，因为包含one的div已经是自适应高度
}
body{
height: 100px;
}
*{
margin: 0px; padding: 0px;
}
.two{
height: 40%; width: 100%;
}
.a{
height: auto;
}
</style>
</head>
<body>
<div class="a">//再加一层div让其自适应高度
<div class="one">
<ul >
<a href="#">淘宝</a>
<a href="#">天猫</a>
<a href="#">谷歌</a>
<a href="#"> 搜狗</a>
</ul>
</div>
</div>
<div class="two"><div class="two1">
<img src="$RBV2OYV.jpg" height="200px" width="200px" />
<img src="$RH2S7NX.jpg" height="200px" width="200px"/>
<img src="$RQIH74U.jpg " height="200px" width="200px" />
<img src="$RY4QK7H.jpg" height="200px" width="200px" />
</div>
<div class="tow2"></div></div>
<div class="three"></div>
</body>
</html>
转载于:https://www.cnblogs.com/lidepeng/p/5352488.html
扫一扫
58
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
