李德鹏网站页面布局精编版
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了李德鹏网站页面布局精编版相关的知识，希望对你有一定的参考价值。
<!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>
以上是关于李德鹏网站页面布局精编版的主要内容，如果未能解决你的问题，请参考以下文章