Taken together, those columns and g

Taken together, those columns and gutters give us a total width of 960 pixels. However, the blog itself is only 900 pixels wide, centered horizontally within that 960px-wide canvas.
So those are the high-level details. And if we take a closer look at the two columns inside of the blog (fig 2.13), we can see that the left-hand content column (.main in our markup) is 566 pixels wide, while the right-hand, secondary column (.other) is only 331 pixels across.
fig 2.12: Grid-based layout is grid-based!
fig 2.11: Our template is finished! Well, with the possible exception of, you know, an actual layout.

Kết quả (Việt) 1:

Lấy nhau, những cột và máng xối cho chúng tôi tất cả chiều rộng của 960 pixel. Tuy nhiên, blog của bản thân là chỉ 900 điểm ảnh rộng, Trung tâm theo chiều ngang trong đó vải 960px toàn.Vì vậy, đó là các chi tiết cao cấp. Và nếu chúng tôi có một cái nhìn sâu hơn về hai cột bên trong của blog (hình 2,13), chúng ta có thể thấy rằng nội dung cột bên trái (.main trong đánh dấu của chúng tôi) là 566 điểm ảnh rộng, trong khi bên phải, hai cột (đồng) chỉ 331 điểm ảnh trên.hình 2,12: bố trí lưới dựa trên là dựa trên lưới!hình 2,11: mẫu của chúng tôi hoàn thành! Vâng, với ngoại lệ có thể là, bạn đã biết, một bố trí thực tế.

Kết quả (Việt) 2:

Tóm lại, những cột và máng nước cho chúng ta một tổng chiều rộng 960 pixel. Tuy nhiên, chính blog chỉ là 900 điểm ảnh, tập trung theo chiều ngang trong đó vải 960px rộng.
Vì vậy, đó là những chi tiết cao cấp. Và nếu chúng ta có một cái nhìn sâu hơn về hai cột bên trong của blog (Hình 2.13), chúng ta có thể thấy rằng các nội dung cột bên trái (.main trong đánh dấu của chúng tôi) là 566 điểm ảnh, trong khi bên phải, cột thứ (.other) chỉ là 331 điểm ảnh trên.
Hình 2.12: Lưới dựa trên bố trí được dựa trên lưới điện
Hình 2.11: mẫu của chúng tôi là hoàn tất! Vâng, với ngoại lệ có thể có của, bạn đã biết, một bố trí thực tế.