5 回答

不拘藝格
TA貢獻12條經驗 獲得超8個贊
定位。
父級應用相對定位position:relative;,子級應用絕對定位position:absolute;,并且用外邊距應用負的子級寬度的一半(margin-left:-(子級寬度/2)單位),居上下位置和左右的方法相同。
并且父級還要應用溢出隱藏屬性:overflow:hidden;。
代碼如下:
.divFather?{?width:400px;?height:500px;?position:relative;?overflow:hidden;} .divSon?{?width:500px;?height:300px;?position:absolute;?top:50%;left:50%;?margin:-150px?-250px;}

炎瓚
TA貢獻5條經驗 獲得超2個贊
1、我不知道你為什么要這樣做,沒有實戰的意義。你完全可以用兩個同級元素來做這樣的效果;margin或padding,z-index;如果想把他們做成一個整體,你可以在外面包裹一層,以免他們受影響;
2、你子元素在父元素中,想要兩邊都超過父元素,你就需要子元素脫離文檔流,脫離當前的層級關系。用定位來做;
3、其它的我沒想到了。

熠熠生陽
TA貢獻11條經驗 獲得超3個贊
寫好了:
.g-bd .m-workplace { width: 1200px; overflow: hidden; position: relative; margin: 0; padding: 0; }
.g-bd .m-workplace .box { position: absolute; left: -50%; margin-left:600px; width: 1616px; }
還有什么方法嗎?
- 5 回答
- 0 關注
- 3152 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消