我是 html css 的新手，這是我的問題。
我撰寫了一個非常簡單的 html css 程式，如您在此鏈接中所見
https ://codepen.io/anhbui2904/pen/KKXQKGg
而且，我的問題是，正如你在結果中看到的，左邊的方塊被向上推了。
我的問題是，正如您在代碼中看到的那樣，我將其編碼為與另一個正方形相同的代碼。
也許是因為 course-item css ？
你能幫我解決這個問題，使它的高度相同嗎？非常感謝您的寶貴時間。
uj5u.com熱心網友回復：
您正在嵌套容器。每一個都帶來了更多的margin-top東西。左邊的塊只在 1 中col，但其他塊都包裹在它的 2 層內。
如果您的目標是有 4 個相似/對齊的塊，那么您的 HTML 結構有點奇怪。為什么不在同一個父級中有 4 個塊？
uj5u.com熱心網友回復：
這是因為結構不同，對于class category，它嵌套在row和column內
<div class="row">
<div class="col l-3 m-0 c-0">
<div class="category">
但是對于 class course-item，它嵌套在 2 組行和列中。
<div class="col l-9 m-12 c-12">
<div class="row">
<div class="col l-4 m-6 c-12">
<div class="course-item">
您可以使用 css 為類別類對齊，例如 margin-top
uj5u.com熱心網友回復：
為什么要單獨嵌套第一個 col。將所有 col 嵌套在單親中。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/397387.html