5 回答

TA貢獻12條經(jīng)驗 獲得超8個贊
定位。
父級應(yīng)用相對定位position:relative;,子級應(yīng)用絕對定位position:absolute;,并且用外邊距應(yīng)用負的子級寬度的一半(margin-left:-(子級寬度/2)單位),居上下位置和左右的方法相同。
并且父級還要應(yīng)用溢出隱藏屬性: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條經(jīng)驗 獲得超2個贊
1、我不知道你為什么要這樣做,沒有實戰(zhàn)的意義。你完全可以用兩個同級元素來做這樣的效果;margin或padding,z-index;如果想把他們做成一個整體,你可以在外面包裹一層,以免他們受影響;
2、你子元素在父元素中,想要兩邊都超過父元素,你就需要子元素脫離文檔流,脫離當前的層級關(guān)系。用定位來做;
3、其它的我沒想到了。

TA貢獻11條經(jīng)驗 獲得超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; }
還有什么方法嗎?
添加回答
舉報