CSS網格和嵌套元素

想象一下，您正在使用CSS網格系統，並且您的頁面組件是div，並以邊界半徑捕捉到網格。CSS網格和嵌套元素

如果您希望嵌套這些組件，父組件和子組件之間的距離必須至少爲列寬度 - 對嗎？

如果你想要更小的距離怎麼辦？

如果您想嵌套3或4個級別，該怎麼辦？

任何想法？

感謝

2011-07-29 stephenwil

你是否需要孩子也與網格對齊？通常網格系統對頂層頁面結構最爲有用。另外，你的外部div上是否有填充（其中包含嵌套的div）？ – Wylie

如果您想窩這樣的組件，父和子組件之間的距離必須至少列寬 - 對嗎？

爲什麼使用邊界半徑來排列網格中的塊/列？你不應該使用利潤率？

如果你想排列在一個網格中，所有的網格列必須有一個陰溝。您在CSS網格框架中尋找的東西看起來非常像1KB Grid。

如果您想要更大的靈活性，您可以使用Variable Grid System。從你提出的建議來看，實際上你不需要使用自定義網格或創建一個CSS網格框架。

2011-07-29 11:23:49 desbest

不，對不起，我提到border-radius只是因爲這些組件可能有也可能沒有邊框（通常爲1px），因此這會影響網格間距。 – stephenwil

邊界爲元素賦予一個超出其維度的顏色，而帶有邊框的div往往會推動其他divs前進，前提是沒有足夠的空間讓他們炫耀自己的邊界。你可以做的是將所有東西都放在一個邊框上，對於不希望有（可見）邊框的項目，可以使邊框透明。 – desbest

回答