01/10/2018, 14:12

Phần tử không nằm đúng vị trí

Ở cái phần tử em khoanh lại, nó không chịu chạy lên vùng trống phía trên

Tuy em muốn nó nằm đó nhưng em không muốn phải đặt float left hay thuộc tính width lên cái phần tử form (vì em muốn phần tử này linh động về khích thước trên mọi loại màn hình)
Có cách nào để đưa cái phần tử đó về vùng trống mà không cần dùng position absolute hay fixed để đặt lại vị trí không akkk??? Em cảm ơn!
Demo: https://jsfiddle.net/manhlinhtm/1eoxLc6n/

Trần Hoàn viết 16:23 ngày 01/10/2018

inline-block?

Trần Linh viết 16:14 ngày 01/10/2018

cũng ko đc :)) nó chứa sẵn thuộc tính inline-block rồi

*grab popcorn* viết 16:20 ngày 01/10/2018

Tập xài inspect element + developer tools của chrome/firefox để debug đi bạn. :3

Trần Linh viết 16:19 ngày 01/10/2018

Cái đó em cũng biết mak
Bác có giải pháp nào hay cho vẫn đề này không, em vắt óc mãi ko ra :))

*grab popcorn* viết 16:17 ngày 01/10/2018

OvO mình gợi ý trên hình r đó

Trần Linh viết 16:28 ngày 01/10/2018

:)) ý em là để cho chiều dài của #searchbox được linh động, khi dùng inline-block hình như chiều dài của nó bị cố định, không tự dãn ra khi chiều dài màn hình tăng…

*grab popcorn* viết 16:20 ngày 01/10/2018

:3 Hmmmm
Như thế này đúng hơm
https://jsfiddle.net/1eoxLc6n/3/

Trần Linh viết 16:26 ngày 01/10/2018

Cao nhân, cao nhân, em chưa bao h biết đến display flex vs flex-basis
Em cảm ơn bác :)) nhiều nhiều

Bài liên quan
0