html – 有没有办法在没有jQuery / javascript的情况下将元素与’祖父母’对齐？

我需要将一个元素对齐到它的’祖父母’的边缘.

这是代码的示例：

因此.parent元素将被内联定位,这取决于#grandparent元素的宽度.我需要将每个.child元素定位到#grandparent的左边缘.

没有javascript,这有可能吗？

最佳答案

为祖父母分配相对位置,为子元素分配绝对位置.然后使用子元素的顶部,左侧,底部,右侧属性(相对于祖父母边界)来获得您想要的效果.