cuốn sách gpt4 ai đã làm

html - 为什么 flex 元素可以在固定位置的 flex 容器中占据全高,除非该元素具有显示 : flex applied?

In lại Tác giả: Walker 123 更新时间:2023-11-28 15:21:11 28 4
mua khóa gpt4 Nike

我有如下标记:



alot of text




我不能让黄色占据红色的 100% 高度,即使红色溢出,它也只占据窗口的 100%。如果我将红色的 display đặt thành block,它会起作用,但我需要 flex...

#red {
vị trí: cố định;
chiều cao: 100%;
tràn-y: cuộn;
chiều rộng: 100px;
màu nền: đỏ;
hiển thị: linh hoạt;
hướng linh hoạt: cột;
align-items: stretch;
align-content: stretch;
}

#yellow {
hiển thị: linh hoạt;
tăng trưởng linh hoạt: 1;
màu nền: màu vàng;
}

#blue {
màu nền: xanh lam;
}

câu trả lời hay nhất

为什么不将溢出应用到黄色而不是红色?

#red {
vị trí: cố định;
chiều cao: 100vh;
chiều rộng: 100px;
màu nền: đỏ;
hiển thị: linh hoạt;
hướng linh hoạt: cột;
}

#yellow {
hiển thị: linh hoạt;
tràn-y: cuộn;
màu nền: màu vàng;
}

#blue {
màu nền: xanh lam;
}

thân hình {
lề: 0;
}


Cras gravida, diam non adipiscing cursus, sapien urna adipiscing enim, at faucibus nunc felis at turpis. Aliquam erat volutpat. Nulla facilisi. Aenean nec nisi gravida ante convallis euismod sed quis odio. Sed nulla est, fringilla vel rhoncus vel, fermentum
et turpis. Curabitur eu posuere tortor. Integer sit amet nisl elit, gravida rutrum ipsum. Cras nisl est, sodales quis faucibus nec, tempus vel libero. Aliquam lobortis gravida erat, in placerat libero ultricies in. Curabitur volutpat lorem ut ligula
aliquet a fermentum augue porttitor. Vestibulum varius, purus id sollicitudin tincidunt, velit felis tincidunt erat, ut feugiat augue diam commodo lorem. Donec in augue non est tincidunt consequat. Mauris nec justo eget augue varius pulvinar id ut
risus. Donec fringilla, enim vitae tincidunt accumsan, urna elit laoreet tellus, ac gravida dolor dolor ac quam. Vestibulum dignissim felis quis tortor sollicitudin ut placerat mi adipiscing.


这里有一个链接可能会有所帮助:

关于html - 为什么 flex 元素可以在固定位置的 flex 容器中占据全高,除非该元素具有显示 : flex applied?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46119522/

28 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress