Độ lớn thực sự của Box | Học thiết kế web theo chuẩn.
http://www.izwebz.com/css/do-lon-thuc-su-cua-box/[8/10/2010 3:03:04 PM]
NAVIGATION
Đăng ký domain với 1and1
Từ PSD sang HTML (phần 3/5)
WordPress Theme – Comment và Custom Comment
Căn giữa Tabbed Navigation
Đơn giản trong thiết kế
Giới thiệu về CSS
PHP Căn Bản – Bài 7 – Phần 2
Căn bản PHP – Bài 4 – Phần 2
Style Latest Post khác với post thường
Dropdown Menu với CSS
PHP CO BẢN – NÂNG CAO
tìm hiểu cú pháp và phương thức PHP
Phép toán và phát biểu có điều kiện trong php
$_POST và $_GET
Làm quen đối tượng Session
Khai báo hàm, chèn tập tin và tập tin dùng chun
Cách xử lý chuỗi, mảng, kiểu DataTime
Thao tác trên cơ sở dữ liệu MySQL
PHP và Database
Phân trang với PHP
Xóa, Cập nhật dữ liệu dạng mảng
Tạo Mailing List: PHP & Mysql
RECENT COMMENTS
Random News Popular
EMAIL ARTICLES
Độ lớn thực sự của Box
October 9, 2008 11 comments
Khi thiết kế giao diện nhiều cột sử dụng CSS thì độ lớn của các box

QUẢNG CÁO
Your Ad Here for Free
$20 in Free Clicks to place your ad
here. Join Free now!
www.your-site.com
Your Ad Here for Free
$20 in Free Clicks to place your ad
here. Join Free now!
www.your-site.com
Your Ad Here for Free
$20 in Free Clicks to place your ad
here. Join Free now!
www.your-site.com
Your Ad Here for Free
Tạo WordPress Theme – Dựng xHTML (16)
chicken_roll: hahaha hay quá hết chổ trê (thanks you
very much much…) nghe anh nói đây ko
Tạo WordPress Theme – Slice hình (22)
chicken_roll: ui ui hay quá cảm ỏn nhiều học rất nhiều
từ anh và Anh CS thanks phát cho có
Tạo WordPress Theme – Search form và Random
Posts (15)
DiVIVu: @ajimoto & tuyen: Làm thế này là được bạn ạ:
<script type="text/javascript&
PHP Căn Bản – Bài 9 (40)
pham duy: Vang ban angelthao_0984884679 da noi
dung do chung t con chan chu gi nua ma khong giup
doan: ai muốn xem bằng file swf thì down KMP về mà
dùng cái này còn hay hơn media của win nhiều
Lập trình web và sự Lười nhác (23)

6 mỗi bên trái phải, nó cũng không làm tăng độ lớn. Mà ngược lại,
7 nó sẽ bị đầy lùi vào biên là 5px .</p>
8 </div><! End #box_model >
9 </div><! End #wrapper >
1 h3 {background:#eee;}
2 #wrapper {width: 250px;background-color:#EEE;}
3 #box_model {padding: 0 5px;}
Độ lớn thực sự của Box | Học thiết kế web theo chuẩn.
http://www.izwebz.com/css/do-lon-thuc-su-cua-box/[8/10/2010 3:03:04 PM]
11 Comments
( Comment bài này )
« Clear và Float Box Model »
Những bài viết có liên quan
Box Model
Clear và Float
Pseudo Class
Thứ bậc trong XHTML
Giới thiệu về CSS
$20 in Free Clicks to place your ad
here. Join Free now!
www.your-site.com
Your Ad Here!
BIDVERTISER ADS
Bạn sẽ thấy nội dung bị đẩy lùi vào trong với giá trị là 5px thay vì bị phình to ra như ở trên.
Thậm chí bạn có thể thêm đường viền vào và nó cũng vẫn giữ nguyên được giá trị ban đầu.
Bằng cách tạo một thẻ <div> bao quanh, bạn đã có thể quản lý được độ rộng thực sự của
box và không sợ nó thay đổi mỗi khi bạn thêm các thành phần như padding, margin hoặc
border nữa. Ở những bài kế tiếp trong phần thiết kế giao diện, tôi sẽ sử dụng kỹ thuật này rất
nhiều. Do vậy bạn hãy hiểu kỹ phần này trước khi tiếp tục sang phần sau.
Bài học rút ra được ở bài này là khi bạn tạo giao diện bằng CSS và bạn thiết lập độ lớn cho

Hoàng Minh Tuấn says:
January 13, 2010 at 7:25 am
Đúng là người có kinh nghiệm có khác. Thank Anh nhé.!
Reply
Cuội says:
January 19, 2010 at 6:33 pm
Giờ thì em đã biết tại sao cái box của mình nó lại phình to ra như thế, chắc chắn sẽ
áp dụng cho các website của công ty và cảm ơn anh rất nhiều!
Reply
doremon says:
March 23, 2010 at 2:36 am
Em thử làm theo như trong bài hướng dẫn nhưng nó không có dòng màu vàng ngay
chữ box model, anh xem giùm em cái.
http://img148.imageshack.us/img148/1979/boxmodel.jpg
Reply
Tường Vi says:
Reply
Độ lớn thực sự của Box | Học thiết kế web theo chuẩn.
http://www.izwebz.com/css/do-lon-thuc-su-cua-box/[8/10/2010 3:03:04 PM]
April 4, 2010 at 7:25 pm
Cám ơn Anh nhiều
rambu says:
June 1, 2010 at 5:40 pm
anh ơi sao chỉ cố định đựoc độ rộng mà chiều cao của nó vẫn tự dài ra
Reply
Khoa says:
June 10, 2010 at 10:10 pm
Mình có 1 số thắc mặc mong bạn giải đáp. Ví dụ phần body tôi có:
Nơi đặt banner chính và menutop
Chứa menu nằm bên trái

Độ lớn thực sự của Box | Học thiết kế web theo chuẩn.
http://www.izwebz.com/css/do-lon-thuc-su-cua-box/[8/10/2010 3:03:04 PM]
Leave a comment
( Chọn hình đại diện )
hơn 100 ký tự, không có dấu cách (để giả sử đoạn này như 1 liên kêt (link) vào phần
div id=”content” thì mình thấy nó bị lồi sang div id=”right”. Điều chỉnh trình duyệt
fullsreen thì vẫn bình thường (máy mình có độ phân giải 1920×1080).
Như vậy, Bạn có thể hướng dẫn cho mình khắc phục được lỗi này không? Nói đơn
giản là mình muốn hiệu chỉnh sao cho div id=”content” co giãn được ví dụ như trang
http://freshwap.net
Thanks bạn nhiều!!!!
P/S: mình không biết nên gửi câu hỏi này chỗ nào nên mình viết trên comment
này.Hy vọng bạn sẽ đọc đuọc và hồi âm qua mail cho mình. Thanks bạn lần nữa
Khoa says:
June 10, 2010 at 10:17 pm
sorry! mình viết comment ở trên nó không hiện các tag. Cơ bản các div mình đặt ở
trên là div#header( Chứa Banner và menu top), div#main(bao bọc div#left(chứa menu
nằm bên trái, div#right(chứa quảng cáo nằm bên phải),div#content(chứa nội dung của
website)… Hy vọng bạn có thể giải đáp thắc mắc cho mình qua mail:
[email protected]
Thanks bạn nhiều!!!
Reply
huuquynh says:
July 14, 2010 at 3:15 am
cảm ơn rất nhiều em cũng mới học css nên rất cần những bài viết thế này
Reply
Tên bạn
Email
Website
Comment

Trang web vẫn đang trong quá trình phát triển
về nội dung. Do vậy nếu bạn có khả năng hãy
đóng góp bài viết hoặc bạn có thể quảng cáo
trang web đến những người mà bạn biết.
Được vậy tôi sẽ rất biết ơn bạn.