<!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>混合布局編程挑戰(zhàn)</title>
<style?type="text/css">
body{?margin:0;?padding:0;?font-size:30px;?color:#fff}
.top{height:100px;?background:#ccc}
.main{background:red;}
.right{?height:500px;?background:#9C9;position:?absolute;left:210px;right:?0px;}
.left{?width:200px;?height:500px;?background:?blue;}
.foot{?height:50px;?background:#F63;;}
/*.top{height:100px;background:darkgray;}*/
/*.left{height:500px;?width:200px;?background:blue;}*/
/*.right{height:500px;?background:darkseagreen;float:right;margin-left:210px;}*/
/*.foot{height:50px;background:orangered;margin:0?0;}*/
</style>
</head>
<body>
<div?class="top">top</div>
<div?class="main">
????<div?class="right">right</div>
????<div?class="left">left</div>
</div>
<div?class="foot">foot</div>
</body>
</html>
2022-03-25
是那位老師吆。謝謝你的支持,希望能關(guān)注后續(xù)課程,有任何意見建議也歡迎隨時提出~:)
2017-02-28
浮動以后margin就不能用了,只能用right left top 來調(diào)整位置