01/10/2018, 14:01

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

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

Hung viết 16:02 ngày 01/10/2018

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

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

Thinh Minh Ha viết 16:10 ngày 01/10/2018

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

HelloWorld viết 16:13 ngày 01/10/2018

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

Bài liên quan
0