CSS是網頁設計過程中不可或缺的一部分。其中，CSS樣式對元素的大小和位置控制是常見的問題。對于一些元素，特別是子元素大小難以確定的情況，我們可以使用CSS的一些技巧來完成設計。

.parent{
width:300px;
height:auto;
background-color:#f2f2f2;
padding:10px;
}
.child{
width:100%;
height:auto;
background-color:#fff;
padding:10px;
margin-bottom:10px;
}
/* 方法一 */
.parent{
display:flex;
flex-wrap:wrap;
}
.child{
width:50%;
}
/* 方法二 */
.parent{
column-width:150px;
column-gap:20px;
}
.child{
break-inside:avoid;
width:100%;
}

上述代碼中，我們使用了兩種CSS方法來控制子元素大小。第一種方法使用了flex布局，將父元素設置為彈性盒子，子元素設置為50%的寬度。這樣，子元素在父元素內占據了相等的空間。

第二種方法使用了多列布局，將父元素設置為150px寬的列，并設置了20px的間隔。子元素設置了break-inside:avoid，讓它不會被分成兩列，以保證它的樣式不會變形。

無論使用哪種方法，這些CSS技巧都可以根據子元素大小自適應地調整元素的大小和位置。這對于開發響應式設計非常有用，因為對于不同的屏幕尺寸，我們需要根據情況自適應調整元素大小。