Cách chia nội dung theo phần HTML / CSS

Chào các anh chị, em mới học HTML CSS và đang tập làm trang báo như này.

Cái khó của em khi gặp mấy trang kiểu này (Như hình) là nó nhảy lung tung loạn xạ lên không như ý em muốn.

Dù em đã chia div đàng hoàng rồi mà nó cứ nhảy lung tung không theo ý.

Các anh cho hỏi có kinh nghiệm gì về float, display hay position để nó theo ý mình không ạ? Em cám ơn nhiều

Nếu muốn làm như ảnh của bạn thì dùng Grid Layout hoặc các Grid Framework nhé, bạn thử nghiên cứu xem

4 Likes

Vâng em cám ơn anh, tại em mới học mà cứ đến mấy phần phải chia như này là nó nhảy lung tung loạn xạ hết cả lên rất khó chịu ạ

1 Like

Tuy vài người chê rằng xài framework là ỷ lại nhưng điều đó mình nghĩ khá là sai, bạn nên sử dụng 1 framework như Bootstrap hay UIKit đi

2 Likes

Theo mình nghĩ bạn nên dùng bootstrap grid

Hoặc bạn cũng có thể tự implement Grid view dựa vào hướng dẫn trên W3School: Responsive Web Design - Grid-View

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