簡體   English   中英

CSS寬度:X百分比+/- Y像素

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM