[英]CSS width: X percent +/- Y pixels
我想做一些簡單的布局數學。 我記得上一次嘗試在歌劇中使用以下語法。 據我所知,標准CSS缺乏任何計算支持。 那么如何使用標准CSS(兼容IE7)實現呢?
#myDiv {
width:100% - 260px;
}
編輯所以這是一些上下文:
我將嘗試用一些難看的ascii得出我的情況。
|`````````````````````````````````````````|
| container |
| |
||```````| |`````````````````````````````||
|| Fixed | | Floated right. ||
|| Width | | ?? 100% - left div width ||
|| float | | ||
|| left | | ||
|````````` ```````````````````````````````|
基本上,我希望右側的div能夠填充所有剩余空間,即使它沒有足夠的內容來填充它也是如此。 右div具有塊類型內容。
#myDiv {
width: auto;
margin: 0 0 0 260px;
}
…可能有效或可能無效,具體取決於要實現的目標(因為它取決於其他樣式/元素與之交互的方式)。
據我所知,標准CSS缺乏任何計算支持。
那么如何使用標准CSS(兼容IE7)實現呢?
您只是不回答自己的問題嗎? 如果沒有腳本,這將是不可行的。
如果包含div的寬度是顯式的,則可以設置一個顯式的寬度。
這將有助於查看您真正的潛在問題,具體細節,可能會有解決方法。
如果您居中,則可以#foo { margin:0 130px; }
#foo { margin:0 130px; }
,例如...
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.