問題：（1）設置CSS代碼中#box2為 position:fixed; left:50; top:50; 后，box2并沒有以瀏覽器可視窗口為基準偏移。box2還是跟著box1并么有脫離文檔流。只是跟后面的box3脫離了標準文檔流。（2）故意在body后添加一大堆text<br/>,測試box2在設置position:fixed; left:50; top:50; 后可否讓前面的box1通過，發現box2直接不顯示了。代碼如下 html代碼<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link type="text/css" rel="stylesheet" href="css/absolute_layout.css"/><title>Absolute Test</title></head><body><!--text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>--><div id="wrap_out">?? ??? ?<div id="wrap_in">?? ??? ??? ??? ?<div id="box1">box1</div>?????? ??? ??? ?<div id="box2">box2</div>?????? ??? ??? ?<div id="box3">box3</div>???????? </div>?</div></body>CSS文件內的代碼@charset "utf-8";/* CSS Document */*{ padding:0px; margin:0px;}#wrap_out{?? ?background:lightseagreen;? height:600px; width:80%;?? ?margin:0 auto; border:3px solid #000000;}#wrap_in{?? ??? ?background: lightblue;? height: 500px;?? width: 70%;?? ??? ?margin: 0 auto; border: 3px solid #000000;}#box1{??? background: lightsalmon;??? height:30%;}#box2{??? background: lightcoral;??? height:30%;?? ?position:fixed; left:50; top:50;}#box3{??? background:lightgreen;??? height:30%;}求高手解答，謝謝！
- 1 回答
- 0 關注
- 1500 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消