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

html css aside main web

drgks_369 2021-08-22 15:57:14 ‧ 1757 瀏覽

請問各位，要如何讓aside(子)的高度，會隨著main(父)的高度自動做變化？

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

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

froce

iT邦大師 1 級 ‧ 2021-08-22 16:27:18

最佳解答

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

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

aside{
  height: 100%;
  background-color: grey;
}

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等高

aibunnygood

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

子元素
height: 100%;
margin: 0

立即登入回答