Chào mừng các bạn đến với một kỹ thuật rất quan trọng trong CSS Layout, mà đã từng làm nhiều người phải “sợ” nó, đó chính là học cách chia cột trên CSS. Có thể nói rằng, website bạn soạn ra bằng văn bản HTML sẽ luôn luôn có một cột duy nhất mà nếu bạn muốn làm một website có hai hoặc nhiều cột thì chắc chắn phải dùng đến CSS.

Chia cột trong CSS là thế nào?

Việc chia cột trong CSS là việc bạn thiết lập những phần tử con trong một phần tử mẹ nằm trên cùng một hàng. Ví dụ, mình muốn phần nội dung website của mình có hai cột thì mình sẽ tạo ra 3 cái
, một cái
mình gọi nó là container hoặc phần tử mẹ, hai cái
còn lại mình gọi là column (cột).

Nếu bạn đọc tới đây thì có thể sẽ rất vui vì mình biết là có rất nhiều bạn có nhu cầu chia cột cho website mà không biết làm thế nào, đó chính là sử dụng các thuộc tính float mình đã đề cập ở trên và nhớ là clear float cho mỗi container.