iT邦幫忙

2

HTML/CSS-如何讓子元素和父元素一樣高(自變動)?

請問各位,要如何讓aside(子)的高度,會隨著main(父)的高度自動做變化?
https://ithelp.ithome.com.tw/upload/images/20210822/20140909LyA914m21k.png

已解決,謝謝三位大大^^

1
froce
iT邦大師 1 級 ‧ 2021-08-22 16:27:18
最佳解答

main要給高度,然後aside給100%即可

main{
  height: 200px;
  background-color: blue;
}

aside{
  height: 100%;
  background-color: grey;
}
0
japhenchen
iT邦超人 1 級 ‧ 2021-08-23 10:59:32

aside的容器是main,所以最簡單的方法就是

aside {
    padding : 0;
    margin : 0; 
    border-width:0;
    display:inline-block;
    height:100%;
}

就能跟main等高

0
aibunnygood
iT邦新手 5 級 ‧ 2021-08-23 14:09:58

子元素
height: 100%;
margin: 0

我要發表回答

立即登入回答