30/09/2018, 23:22
Cho em hỏi về căn chỉnh các phần tử trong css
Cho em hỏi là có cách nào cho hai cái khung content đó lấp đầy cái div #box không??? Nếu chỉnh width tăng thì nó tự động xuống hàng @@
file code: http://codepad.org/4XBoquvk
Bài liên quan
Với những câu hỏi như thế này thì bạn nên post ảnh chụp màn hình lên để người khác dễ hình dung hơn.
Bạn cho 1 cái div bên trong cái box nữa, cái div đó bạn để độ rộng là 100%, còn 2 cái div left với right cho width là 50%
Có nhiều cách:
1/ Nếu có xài bootstrap: thì mỗi cái khung left và right cho nó cái class: col-lg-6 (hoặc col-md-6, col-sm-6, col-xs-6)
2/ Nếu xài css: thì 2 thằng đều phải thêm:
width: 50%; float: leftTạo 2 div con ở trong cái div lớn, đặt mỗi div con height: 100%, width tầm: 45 % thôi để mai mốt margin vs padding, xong bạn cho mỗi thằng float left là xong
Thế này có đc ko?
Pen: http://codepen.io/petehouston/pen/QEXodv
Tạm thời được rồi đấy
Bonus thêm cái bằng flex,
OXZqxX
...
Cũng định làm tưong tự mà thấy bác nói rồi. Mọi tài liệu hướng dẫn css nên được viết lại bằng flexbox
Cảm ơn mấy anh em làm được rồi