2016-10-03 23 views
1

的確切數額部分:計算窗口寬度減去我將如何正確代碼這一點,(window.innerWidth減去80px)像素

<div id="myDiv"></div> 

<style> 
#myDiv{ 
     float-right; 
     right: (window.innerWidth minus 80px); 
     width: 40vw; 
     height 200px; 
     background-color: #333333; 
} 
</style> 

我整整做這種方式的一個原因。 JSFIDDLE HERE

+0

無法在css中使用javascript ...查找'css calc()' – charlietfl

+0

像這樣'right:calc(100% - 80px)' – Robiseb

+0

right:calc(100% - 80px)似乎不工作定位 – Eddy

回答

0

我會寫

right: calc(100vw - 80px); 

加上你必須添加position: relative;right參數帶任何效果:https://jsfiddle.net/78hd0hf1/1/

如果#myDiv嵌套在一個或幾個包裝這是也適用窄於窗口寬度(當使用100%而不是100vw時可能是個問題)。

+0

似乎不起作用。我究竟做錯了什麼? https://jsfiddle.net/cwuh4hu4/1/ – Eddy

+0

'#myDiv'需要'position:relative;''right'參數才能生效:https://jsfiddle.net/78hd0hf1/1/ – Johannes

+0

謝謝你的工作 – Eddy

0

right: calc(100% - 80px);應該工作。

+0

right:calc(100% - 80px)似乎不適用於定位 – Eddy

+0

寬度:calc(100% - 80px)確實有效,但不正確:calc(100% - 80px) – Eddy

+0

jsfiddle.net/cwuh4hu4 – Eddy