我不確定自己是否做到了題目的要求,還有一些問題
<!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;?font-size:30px;?color:#fff} .top{height:100px;width:100%;background:?blue;} .main{height:500px;background:?green;position:?relative;} .left{width:200px;height:500px;background:?red;position:?absolute;margin-left:0;} .right{height:500px;width:100%;position:absolute;margin-left:210px;background:?gray;} .foot{height:100px;width:100%;background:?pink;} </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>
有大佬看看我這樣符合題目要求嗎,還有任務里的要求右側先加載,左側后加載是什么意思,又是如何判斷
2018-12-13
我和你一樣,用絕對定位的,不知道用浮動怎么弄。另外,right先加載的意思就是right塊在left塊前面
2018-07-20
我好像用的是左右寬度用百分比,這樣放大也沒有影響
2018-07-20
我用的是float,效果出來是這樣
2018-07-20
你有效果圖嗎