float left cho div?

**KuJangSung** · 21-05-2013 14:01

mình cố định width cho div và float left nhưng cái div B không qua trái được do vướng div A. có thể xử lý bằng cách cố định height nhưng ngoài cách này còn cách nào khác không các bạn?

**chiase.net** · 21-05-2013 14:16

còn một cách khác.
Bạn sinh ra 1 div, bao 3 cái div con, cứ 3 div con bạn gộp lại trong 1 div to => mỗi dòng là 1 div to.

**meyeunhe** · 21-05-2013 14:19

Bạn muốn trinh bày theo kiểu như này "pinterest chấm com xuộc meyeunhe" phải không
Nếu chỉ làm bằng css thì e là khó, bạn view source của thằng Pin lên là biết nó làm kiểu gì ngay

**KuJangSung** · 21-05-2013 14:46

hiz! gom 3 bài vào 1 div hơi mệt do mình edit cái theme của blogspot mà, sửu code kia còn mệt hơn nên mình chỉ muốn chỉnh sửa css thôi.
đúng là mình muốn làm theo cái meyeunhe thật, nhưng viewsource thấy code nó fix số cố định như web tĩnh vậy.

**chiase.net** · 21-05-2013 15:13

nếu bạn muốn làm như pinterest thì phải dùng jquery. nói chung là vẫn khó làm khi dùng trên blogspot

**vnweb_services** · 22-05-2013 22:16

bác xác định sai vấn đề nhóe, cái B không qua được trái là do cái thằng trên B nó height thấp đủ chỗ nên nó cứ nằm đó. Không liên quan gì cái A cả nhóe.

Em cũng đụng hàng rồi và cách giải quyết như sau:

- xài javascript xác định lại vị trí, dùng plugin hay viết mẹ nó vài dòng xác định lại thằng thứ 3 cũng được.

- xài css ( muốn hỗ trợ ie7 trở xuống phải có file js đi kèm ) đó là :nth-child() selector. Bác có thể chọn ra thằng đầu tiên của mỗi dòng 3n 4n 5n 2n+1 xyzn tè le hột me.

**Leinside** · 26-05-2013 22:06

Có thể dùng cách này xem sao:

Code:

display: inline-block;

**akien** · 27-05-2013 15:07

demo cho nó dễ hiểu
http://www.izwebz.com/css/css-display-inline-block/

lưu ý 1 điều là nếu dùng cách này thì các element sẽ không dính sát vao nhau như dùng float, mà nó sẽ bị 1 khoảng trống nhỏ 2-3-4 px tùy trình duyệt -> margin sẽ phải khác 1 chút so với dùng float