Hyvi · March 11, 2012 11:04
diff --git a/tests.html b/tests.html
 <html>	
    <head>
        <title> Test </title>
        <style type="text/css">
            .left{width:200px;
                height:300px;
                background-color:red;
                float:left;
            }	
            .middle { 
                background-color:blue;
                height:300px;
            }
            .right { 
                width:200px;
                background-color:red;
                height:300px;
                float:right;
            }
        </style>

    </head>
    <body>
        <!-- 
        <progress style="height:10px;width:200px;" max=10 value=5></progress>
        -->
        <!-- 三栏实现，中间自由伸展，两边为200px-->
        <!-- http://www.cnblogs.com/blodfox777/archive/2008/07/24/1250268.html 
             三栏使用absolute和margin实现-->
        <div class="left"></div>
        <div class="right"></div>
        <div class="middle">当这里文字太多的时候，超出了div的宽度，文字将显示在div的外面。</div>
    </body>
 </html>
	<html>
	<head>
	<title> Test </title>
	<style type="text/css">
	.left{width:200px;
	height:300px;
	background-color:red;
	float:left;
	}
	.middle {
	background-color:blue;
	height:300px;
	}
	.right {
	width:200px;
	background-color:red;
	height:300px;
	float:right;
	}
	</style>

	</head>
	<body>
	<!--
	<progress style="height:10px;width:200px;" max=10 value=5></progress>
	-->
	<!-- 三栏实现，中间自由伸展，两边为200px-->
	<!-- http://www.cnblogs.com/blodfox777/archive/2008/07/24/1250268.html
	三栏使用absolute和margin实现-->
	<div class="left"></div>
	<div class="right"></div>
	<div class="middle">当这里文字太多的时候，超出了div的宽度，文字将显示在div的外面。</div>
	</body>
	</html>