<!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实现
这确实是个很简单的问题,也许你也已经相当熟悉,但很多人还不知道。下面介绍的技术是一个简捷的小技巧,它一定可以帮助你解决这个头痛的问题。这确实是个很简单的问题,也许你也已经相当熟悉,但很多人还不知道。下面介绍的技术是一个简捷的小技巧,它一定可以帮助你解决这个头痛的问题。
时间: 2024-09-30 18:40:43