您的位置：首页 > 其它

多列居中等高布局

2016-04-11 23:01 295 查看

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS</title>
<style type="text/css">
*{
margin:0;
padding:0;
font-size:12px;
}
#wrap{
overflow:hidden;
width:670px;
margin:10px auto;
padding-bottom:10px;
position:relative;
}
.box{
float:left;
display:inline;
margin-top:10px;
width:190px;
background:url(1.jpg) #c8c8c8 no-repeat;
margin-left:10px;
padding:10px;
padding-bottom:820px;
margin-bottom:-800px;
}
.bottom{
background:url(2.jpg) #c8c8c8 no-repeat bottom left;
position:absolute;
width:210px;
height:13px;
bottom:0;
margin-left:-10px;
}
</style>
</head>
<body>
<div id="wrap">
<div class="box">
<h1>CSS实现三列DIV等高布局</h1>
<p>这确实是个很简单的问题，也许你也已经相当熟悉，但很多人还不知道。下面介绍的技术是一个简捷的小技巧，它一定可以帮助你解决这个头痛的问题。</p>
<div class="bottom"></div>
</div>
<div class="box">
<h1>三列DIV等高</h1>
<p>这确实是个很简单的问题，也许你也已经相当熟悉，但很多人还不知道问题，也许你也已经相当熟悉，但很多人还不知道问题，也许你也已经相当熟悉，但很多人还不知道问题，也许你也已经相当熟悉，但很多人还不知道。下面介绍的技术是一个简捷的小技还不知道问题，也许你也已经相当熟悉，但很多人还不知道。下面介绍的技术是一个简捷的小技还不知道问题，也许你也已经相当熟悉，但很多人还不知道。下面介绍的技术是一个简捷的小技还不知道问题，也许你也已经相当熟悉，但很多人还不知道。下面介绍的技术是一个简捷的小技还不知道问题，也许你也已经相当熟悉，但很多人还不知道。下面介绍的技术是一个简捷的小技还不知道问题，也许你也已经相当熟悉，但很多人还不知道。下面介绍的技术是一个简捷的小技巧，它一定可以帮助你解决这个头痛的问题。这确实是个很简单的问题，也许你也已经相当熟悉，但很多人还不知道。下面介绍的技术是一个简捷的小技巧，它一定可以帮助你解决这个头痛。</p>
<div class="bottom"></div>
</div>
<div class="box">
<h1>CSS实现</h1>
<p>这确实是个很简单的问题，也许你也已经相当熟悉，但很多人还不知道。下面介绍的技术是一个简捷的小技巧，它一定可以帮助你解决这个头痛的问题。这确实是个很简单的问题，也许你也已经相当熟悉，但很多人还不知道。下面介绍的技术是一个简捷的小技巧，它一定可以帮助你解决这个头痛的问题。</p>
<div class="bottom"></div>
</div>
</div>
</body>
</html>

　　

CSS

CSS实现三列DIV等高布局

这确实是个很简单的问题，也许你也已经相当熟悉，但很多人还不知道。下面介绍的技术是一个简捷的小技巧，它一定可以帮助你解决这个头痛的问题。

三列DIV等高

这确实是个很简单的问题，也许你也已经相当熟悉，但很多人还不知道问题，也许你也已经相当熟悉，但很多人还不知道问题，也许你也已经相当熟悉，但很多人还不知道问题，也许你也已经相当熟悉，但很多人还不知道。下面介绍的技术是一个简捷的小技还不知道问题，也许你也已经相当熟悉，但很多人还不知道。下面介绍的技术是一个简捷的小技还不知道问题，也许你也已经相当熟悉，但很多人还不知道。下面介绍的技术是一个简捷的小技还不知道问题，也许你也已经相当熟悉，但很多人还不知道。下面介绍的技术是一个简捷的小技还不知道问题，也许你也已经相当熟悉，但很多人还不知道。下面介绍的技术是一个简捷的小技还不知道问题，也许你也已经相当熟悉，但很多人还不知道。下面介绍的技术是一个简捷的小技巧，它一定可以帮助你解决这个头痛的问题。这确实是个很简单的问题，也许你也已经相当熟悉，但很多人还不知道。下面介绍的技术是一个简捷的小技巧，它一定可以帮助你解决这个头痛。

CSS实现

这确实是个很简单的问题，也许你也已经相当熟悉，但很多人还不知道。下面介绍的技术是一个简捷的小技巧，它一定可以帮助你解决这个头痛的问题。这确实是个很简单的问题，也许你也已经相当熟悉，但很多人还不知道。下面介绍的技术是一个简捷的小技巧，它一定可以帮助你解决这个头痛的问题。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航