Ghép cặp chiều rộng/chiều cao CSS và tỷ lệ phần trăm tính toán tỷ lệ phần trăm?

Question

Có cách nào để đặt thuộc tính CSS chiều cao/chiều rộng thành một cái gì đó như thế: 100% - 50px Vì vậy, nếu tổng 100% là 1000px, thì kết quả cuối cùng sẽ là 950px. Và 100% được đặt theo kích thước trình duyệt.

UPDATE: Những gì tôi đang cố gắng làm là:

Tôi có hai div, chiều cao div đầu tiên là 50px, tôi muốn chiều cao div thứ hai để trang trải các không gian còn lại.

Answer 1

Sau khi tìm kiếm qua mạng, tôi nhận ra rằng không thể thực hiện được. Cách duy nhất để mô phỏng là điều chỉnh nó bằng JavaScript và sự kiện onresize.

Answer 2

Không có chiều rộng.

Bạn phải đặt lề và/hoặc phần đệm trái và phải thành tổng cộng 50px.

Answer 3

Nếu bạn muốn điều này cho toàn bộ trang:

body { margin: 0; padding: 25px; } 

Điều đó sẽ cung cấp cho bạn một lớp đệm ở phía trên và phía dưới cũng có. Nếu bạn không muốn điều đó bạn có thể đặt chúng vào zero:

body { margin: 0; padding: 0 25px; } 

Lưu ý: Hầu hết các trình duyệt sử dụng một lề mặc định cho cơ thể, nhưng một số (Opera) sử dụng một đệm mặc định thay vào đó, vì vậy bạn nên luôn luôn xác định cả hai lề và đệm cho cơ thể.

Answer 4

Có một giải pháp trong css3, và tôi cũng thực sự nghĩ rằng nó đã được hỗ trợ trong IE đôi khi.

Ví dụ:

width: -moz-calc(25% - 1em); 

Xem http://hacks.mozilla.org/2010/06/css3-calc/

Answer 5

Trong div thứ hai thiết lập

top=50px, 
bottom=0 
position=absolute 

http://jsfiddle.net/4TG2Z/

Không javascript cần thiết.