代码改变世界

little box: two box

2012-08-21 21:37  youxin  阅读(243)  评论(0)    收藏  举报 
<!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>
<style type="text/css">
body{
    margin:0;
    padding:0;
    color:#ccc;
    background-color:#333;
}
#content{
    float:left;
    padding:10px;
    margin:20px;
    background:#666;
    border:5px solid #ccc;
    width:270px;
}
#content2{
    float:left;
    padding:10px;
    margin:20px;
    background:#666;
    border:5px solid #ccc;
    width:270px;
}

    

</style>
</head>

<body>
<div id="content">
<pre>
#content {
    float: left;
    padding: 10px;
    margin: 20px;
    background: #666;
    border: 5px solid #ccc;
    width: 300px; 
    /* ie5win fudge begins */
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 270px;
    }
html>body #content {
    width: 270px; 
    /* ie5win fudge ends */
    }
</pre>
</div>
<div id="content2">
<pre>
#content2 {
    float: left;
    padding: 10px;
    margin: 20px;
    background: #666;
    border: 5px solid #ccc;
    width: 300px; 
    /* ie5win fudge begins */
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 270px;
    }
html>body #content2 {
    width: 270px; 
    /* ie5win fudge ends */
    }
</pre>
<div align="right"><p><a href="css/02_2box_fixed.css">[full css]</a></p></div>

</div>
</body>
</html>

显示如下：

http://www.thenoodleincident.com/tutorials/box_lesson/basic2_fixed.html