Bảng tràn mẹ div khi nội dung td là quá rộng

Question

tôi đã chuẩn bị một JSFiddle để giải thích/cho bạn thấy vấn đề của tôi: http://jsfiddle.net/nz96C/

Có vẻ ổn lúc đầu, nhưng khi tôi thêm một số văn bản để #firsttd toàn bộ bảng tràn phụ huynh div khi chiều rộng toàn bộ tds được sử dụng. Tôi biết làm thế nào để giải quyết vấn đề này với CSS (#firstdiv {width:90px;overflow:hidden;}) nhưng tôi không biết chính xác số lượng điểm ảnh (phần trăm không hoạt động). Ngoài ra tôi không muốn các văn bản trong td đầu tiên để bọc.

Tôi hy vọng bạn gặp vấn đề của tôi, tôi thậm chí còn gặp khó khăn khi giải thích nó bằng ngôn ngữ đầu tiên của tôi.

EDIT: Mục tiêu của tôi là để có một bảng trong đó nó không quan trọng bao lâu văn bản trong td đầu tiên là, bảng không bao giờ tràn div cha - mà không có văn bản được bao bọc. Tôi muốn các văn bản mà tràn td đầu tiên chỉ không được hiển thị.

Answer 1

Câu trả lời giống với một chủ đề rất mới khác: table-layout:fixed; + chiều rộng. DEMO

table { 
    table-layout:fixed; 
    width:100%; 
} 
td { 
    border: 1px solid black; 
    overflow:hidden;/* optionnal*/ 
} 
#firsttd { 
    white-space: nowrap; 
}