課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
我想知道怎么在不換box的情況下,讓box1和box3相互偏移。box2和box4相互偏移。求大神
2016-07-19
源自:初識HTML(5)+CSS(3)-升級版 13-9
正在回答
一開始回答的忘記父元素這個東西了, 可以全部用固定定位就可以了啊
div{border:2px red solid;}
#box1{
? ? width:200px;
? ? height:200px;
? ? position:relative;
? ? ? ? ??
}
#box2{
? position:fixed;
top:20px;
left:30px;
? ? ? ? ? top:700px;
/*下面是任務部分*/
#box3{
? ? ? ? ? ?position:fixed;
? ? ? ? ? ?top:0;
? ? ? ? ? ?left:250px;
#box4{
? ? width:99%;
bottom:0;
? ??
很簡單不需要用到js, 直接把box1設置relative box3設置absolute ?然后把box3設定的高刪去 因為高度被定死了就不能移動了,同理box2和box4同上
首先問主說的偏移是什么意思,是指兩個box的位置互相交叉嗎?這個可以運用以后學習到的JS(JavaScript)語言來操作。說到底了還是更換id/class名稱的。
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
6 回答新人求帶!
2 回答新人求教育
6 回答求回答name概念
1 回答跪求哥哥們回答
3 回答求回答啊 大神們
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-07-23
一開始回答的忘記父元素這個東西了, 可以全部用固定定位就可以了啊
2016-07-23
div{border:2px red solid;}
#box1{
? ? width:200px;
? ? height:200px;
? ? position:relative;
? ? ? ? ??
}
#box2{
? position:fixed;
top:20px;
left:30px;
? ? ? ? ? top:700px;
}
/*下面是任務部分*/
#box3{
? ? width:200px;
? ? height:200px;
? ? ? ? ? ?position:fixed;
? ? ? ? ? ?top:0;
? ? ? ? ? ?left:250px;
}
#box4{
? ? width:99%;
? position:fixed;
bottom:0;
? ??
2016-07-23
很簡單不需要用到js, 直接把box1設置relative box3設置absolute ?然后把box3設定的高刪去 因為高度被定死了就不能移動了,同理box2和box4同上
2016-07-19
首先問主說的偏移是什么意思,是指兩個box的位置互相交叉嗎?這個可以運用以后學習到的JS(JavaScript)語言來操作。說到底了還是更換id/class名稱的。