Làm thế nào để fixed 1 item trong flexbox container

hell6w9rld · January 1, 2018, 6:51pm

Chào các bạn mình có 1 thắc mắc, khi mình dùng flex box trong css3 để dàn layout thì không thể sử dụng thuộc tính position: fixed; trong item của container flexbox. Khi dùng sẽ bị vỡ cấu trúc của flexbox
Mình muốn phần left cố định, dù cho phần right có nội dung dài hơn màn hình, thì khi lăn xuống phần left vẫn đứng yên

Nhưng khi phần right có nội dung dài, khi lăn xuống thì left nó mất tiêu luôn T.T
Làm thế nào để cố định được nhỉ

Xincamon

hungaya · January 2, 2018, 6:38am

Nên tạo 1 thẻ <div> (hoặc <section>, <nav>, <header>, <footer>,…) là con trực tiếp của <body> có position: fixed; z-index: <<number>>;

Trong <div> có grid system riêng.

Thinh_Minh_Ha · January 3, 2018, 1:49am

Bạn đưa Code lên demo thử để mọi người xem cho

hell6w9rld · January 3, 2018, 5:07am

hiện tại mình đã làm được rồi, mình cùng 1 class inner bên trong class đó và cho nó fixed, k biết có ổn không, mình tìm hiểu thì flexbox không cho fixed item, chỉ dùng mẹo thôi