当中的那三块为什么和上下两块没对齐-HTML教程-爱易网页

当中的那三块为什么和上下两块没对齐

日期：2014-05-16　浏览次数：20817 次

中间的那三块为什么和上下两块没对齐

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style type="text/css">

#outer

{

	width:100%;

	padding:10px;

}

#b, #f

{

	text-align:center;

	padding:5px;

	border:1px solid gray;

}

#in

{

	width:100%;

}

#l, #m, #r

{

	text-align:center;

	padding:5px;

	border:1px solid gray;

}

#l, #r

{

	width:25%;

}

#m

{

	width:50%;

}

</style>

</head>



<body>

<table border="0" id="outer">

    <tr><td id="b">banner</td></tr>

    <tr>

        <td>

           <table border="0" id="in">

               <tr>

                   <td id="l">left</td>

                   <td id="m">middle</td>

                   <td id="r">right</td>

               </tr>

           </table>

        </td>

    </tr>

    <tr><td id="f">footer</td></tr>

</table>                   

</body>

</html>