在CSS中，父級自適應寬度是一種常見的布局方法。通過父級div元素設置寬度為百分比單位，子元素的寬度就可以隨之自適應。這種方法可以實現響應式布局，讓網頁在不同設備上都能獲得較好的顯示效果。
例如：
<div class="parent"> <div class="child1">子元素1</div> <div class="child2">子元素2</div> </div>
上述代碼中，父級元素div.parent的寬度為80%，子元素div.child1和div.child2的寬度分別為50%。由于兩個子元素的寬度相等，因此它們會一行顯示。如果在不同設備上顯示，父級元素的寬度會根據設備的尺寸而自適應。
需要注意的是，在設置父級自適應寬度時，需要指定父級元素的容器寬度。例如，在上述代碼中，父級元素的容器為body，需要將body的寬度設置為100%。
<body>
<div class="parent">
<div class="child1">子元素1</div>
<div class="child2">子元素2</div>
</div>
<style>
body {
width: 100%; /* 容器寬度為100% */
}
.parent {
width: 80%; /* 父級寬度為80% */
background-color: #ccc;
margin: 0 auto; /* 居中 */
padding: 10px;
}
.child1 {
width: 50%; /* 子元素1寬度為50% */
background-color: #f00;
display: inline-block; /* 內聯元素 */
}
.child2 {
width: 50%; /* 子元素2寬度為50% */
background-color: #0f0;
display: inline-block; /* 內聯元素 */
}
</style>
</body>通過父級自適應寬度，可以讓網頁布局更加靈活，適應不同的設備和屏幕尺寸。