三列中間自適應排版 兼容ie6
<html>
<head>
<meta http-equiv="Content-type" content="tect/html; charset=utf-8">
<title>學習js</title>
<style type="text/css">
#div1{
width: 100px;
float: left;
margin: 0;
padding: 0;
height: 400px;
background: #dffeee;
_margin-right:-3px;
}
#div2{
width: 100px;
float: right;
margin: 0;
padding: 0;
background: #BEC27D;
height:400px;
_margin-left:-3px;
}
#div3{
margin: 0 100px;
_margin: 0 97px;
padding: 0;
background: #dddeee;
height: 400px;
}
#div4{
clear: both; }
}
</style>
</head>
<body>
<p id="p1"></p>
<p id="p2"></p>
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
</body>
</html>
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章