<!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>

</head>

<style type="text/css">

*{margin:0;padding:0;}

.footer{height:470px;

background-color:#333;

}

.footer-top{width:990px;

            height:278px;

            border-bottom:1px dotted #555;

margin:0 auto;

}

.footer-top h3{width:158px;

               line height:50px;

color:#acaeab;

font-size:14px;

font-family:"微软雅黑";

}

.footer-top ul{color:#acaeab;

               height:10px;

               line height:10px;

               font-size:12px;

font-family:"微软雅黑";

font-weight:bolder;

}

</style>

<body>

<div class="footer">

   <div class="footer-top">

      <h3>UC浏览器</h3>

         <ul>

            <li>产品动态</li>

            <li>功能介绍</li>

            <li>安卓浏览器</li>

            <li>iPhone浏览器</li>

            <li>电脑浏览器</li>

            <li>WP浏览器</li>

            <li>iPad浏览器</li>

            <li>aPad浏览器</li>

            <li>TV浏览器</li>

            <li>塞班浏览器</li>

         </ul>

   </div>

   <div class="footer-top">

      <h3>UC浏览器</h3>

         <ul>

            <li>产品动态</li>

            <li>功能介绍</li>

            <li>安卓浏览器</li>

            <li>iPhone浏览器</li>

            <li>电脑浏览器</li>

            <li>WP浏览器</li>

            <li>iPad浏览器</li>

            <li>aPad浏览器</li>

            <li>TV浏览器</li>

            <li>塞班浏览器</li>

         </ul>

   </div>

   <div class="footer-top">

      <h3>UC浏览器</h3>

         <ul>

            <li>产品动态</li>

            <li>功能介绍</li>

            <li>安卓浏览器</li>

            <li>iPhone浏览器</li>

            <li>电脑浏览器</li>

            <li>WP浏览器</li>

            <li>iPad浏览器</li>

            <li>aPad浏览器</li>

            <li>TV浏览器</li>

            <li>塞班浏览器</li>

         </ul>

   </div>

   <div class="footer-top">

      <h3>UC浏览器</h3>

         <ul>

            <li>产品动态</li>

            <li>功能介绍</li>

            <li>安卓浏览器</li>

            <li>iPhone浏览器</li>

            <li>电脑浏览器</li>

            <li>WP浏览器</li>

            <li>iPad浏览器</li>

            <li>aPad浏览器</li>

            <li>TV浏览器</li>

            <li>塞班浏览器</li>

         </ul>

   </div>

   <div class="footer-top">

      <h3>UC浏览器</h3>

         <ul>

            <li>产品动态</li>

            <li>功能介绍</li>

            <li>安卓浏览器</li>

            <li>iPhone浏览器</li>

            <li>电脑浏览器</li>

            <li>WP浏览器</li>

            <li>iPad浏览器</li>

            <li>aPad浏览器</li>

            <li>TV浏览器</li>

            <li>塞班浏览器</li>

         </ul>

   </div>

   <div class="footer-top">

      <h3>UC浏览器</h3>

         <ul>

            <li>产品动态</li>

            <li>功能介绍</li>

            <li>安卓浏览器</li>

            <li>iPhone浏览器</li>

            <li>电脑浏览器</li>

            <li>WP浏览器</li>

            <li>iPad浏览器</li>

            <li>aPad浏览器</li>

            <li>TV浏览器</li>

            <li>塞班浏览器</li>

         </ul>

   </div>

</div>

</body>

</html>

也加过float，但加上去后浏览器上显示的更乱了