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

#1

Ở 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/

#2

inline-block?

#3

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

#4

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

3 Likes
#5

Cái đó em cũng biết mak :smile:
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 :))

#6

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

4 Likes
#7

:)) ý 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…

1 Like
#8

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

4 Likes
#9

:heart_eyes: 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

1 Like
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?