CSS調整大小與％ - 偏移量

Question

所以我有一個浮動div，我需要它始終是200px的權利，並填寫窗口的其餘部分。有沒有一些方式是跨瀏覽器兼容，我可以使寬度填充頁面的其餘部分，而不訴諸JavaScript？

Answer 1

JsFiddle

所有你必須做的是指定多遠，你想讓它通過設置margin-left撞到右邊，然後用display:block，使其佔用寬度的其餘部分。

Answer 2

如果我理解正確，您必須將200px的邊距添加到div的父級，因此您必須引入容器，如this fiddle中所示。請注意，寬度的百分比現在基於容器的淨寬度。

Answer 3

如果您爲元素設置left和right CSS，您可以指定始終使<div>比其父元素窄200px。

#its_a_div { 
    position : absolute; 
    right  : 200px; 
    left  : 0px; 
    height  : 100px; 
} 

一種雅的jsfiddle：http://jsfiddle.net/F8g2q/

Answer 4

如果我沒有理解比你想正確（在內容的開頭有塊對齊，爲周圍200像素寬度的內容流量的權利）時，你可以這樣做：http://jsfiddle.net/yD49z/1/

適用於Chrome，Firefox和Opera的我。通過IE中沒有測試，現在沒有訪問權限。