.parent{
position: absolute;
top:-10px;
z-index: 2000 !important;
left: 100%;
background: #fff !important;
border-radius: 0 5px 5px 0;
padding:10px;
width:auto;
min-height:300px;
border: 2px solid #ddd;
}
.children{
display: inline-block;
}
如上代碼，就是撐不開的父元素的寬度。求解
uj5u.com熱心網友回復：
不太明白樓主的問題，我給children定義一個寬度就自動撐開了uj5u.com熱心網友回復：
你父元素沒有設定寬高，就要用子元素設定一個寬高對父元素作用，然而你的子元素上只有一個display：inlinblockuj5u.com熱心網友回復：
描述不清，粘所有的代碼請，left: 100%是干撒滴uj5u.com熱心網友回復：
在實際開發中，父元素的寬度是由里面的子元素撐開的，而絕對定位的子元素由于脫離了父元素文本結構，所以是撐不開父元素的。不但撐不開，而且還會受到父元素寬度的限制。所以，不要想著用定位的子元素去撐開父元素了，這理論上就是錯誤的！uj5u.com熱心網友回復：
可以撐開啊
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title> 頁面名稱 </title>
<style type="text/css">
.parent{
position: absolute;
border-radius: 0 5px 5px 0;
padding:10px;
width:auto;
min-height:300px;
border: 2px solid #ddd;
}
.children{
display: inline-block;
}
</style>
</head>
<body>
<div class="parent">
<div class="children">
1343545685535554755757
</div>
</div>
</body>
</html>
uj5u.com熱心網友回復：
那不用絕對定位的方式，用什么方式比較好，達到這種效果轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/105389.html
標籤：HTML(CSS)
上一篇：js檔案不被盜用
下一篇：關于SEO問題？