html父元素和子元素 父元素使用相對(duì)定位,子元素使用絕對(duì)定位,父元素怎么被撐開?
父元素使用相對(duì)定位,子元素使用絕對(duì)定位,父元素怎么被撐開?除非所有子元素都被絕對(duì)定位,否則只要靜態(tài)子元素的寬度超過父元素的寬度,父元素就會(huì)被拉伸。您可以將父元素的寬度固定為100%(或100vw),并
父元素使用相對(duì)定位,子元素使用絕對(duì)定位,父元素怎么被撐開?
除非所有子元素都被絕對(duì)定位,否則只要靜態(tài)子元素的寬度超過父元素的寬度,父元素就會(huì)被拉伸。您可以將父元素的寬度固定為100%(或100vw),并將“水平溢出”屬性設(shè)置為“隱藏”,以便它不會(huì)被拉伸寬度:100%溢流-x:Hidden
中間有兩種情況:子元素,當(dāng)父元素是塊級(jí)元素時(shí),子元素{邊距:0自動(dòng)}。需要注意的是,當(dāng)子元素的位置為非默認(rèn)和相對(duì)時(shí),此設(shè)置將無效。例如,標(biāo)簽中的文本內(nèi)容(如P)水平居中:使用{text}-對(duì)齊:居中}.Vertical center將元素的行高設(shè)置為元素的高度。例如:{高度:100px線高:100px}可以實(shí)現(xiàn)。注意:此方法適用于內(nèi)聯(lián)元素