2013-03-26 57 views
0

我在我的網站上有一個div,我想用css使用margin-top屬性來定位這個div。如何調整css頁邊距?

我目前使用:

margin-top: -0.5px; 

我的DIV是非常輕微低這樣做時,但是如果我做的margin-top:-0.6px;其當時過高和IM試圖找到在0.5和0.6之間的值,

是有辦法,我可以使用2個小數位值,如:

margin-top: -0.5.5px; 

會很感激的任何幫助,謝謝?

+1

'margin-top:-0.55px'會是你想要的,但是,如果你的設計需要你使用這樣的微小值,這個問題很可能在你生成的HTML結構中,而且可能是固定的重新思考你的定位。 – Ohgodwhy 2013-03-26 21:44:51

+3

我不相信大多數瀏覽器都會解釋小數像素值。如果它大約是x.6,它只會舍入到一個像素。 – Charlie 2013-03-26 21:46:00

+0

我們可以看到代碼。 – 2013-03-26 21:46:40

回答

0

簡單的答案是分數的CSS像素比例是舍入或截斷。

Conisder如下:

div.someclass {margin-top: 0.55px;} 

和百分比

div.someclass {margin-top: 35.55%;} 

這些值獲得四舍五入到最接近的百分比大多數瀏覽器,和其他人截斷。這意味着上述兩個例子將被解釋爲0.6px/0.5px和35.6%/ 35.5%,這取決於用戶的瀏覽器。

有關CSS的分數值的更多信息請查看此計算器線程:Are the decimal places in a CSS width respected?

我們如何解決這個問題?不幸的是,你不能真的,但你可以嘗試通過添加一些內部填充來補償保證金分數,其中一部分補償會抵消保證金。

例子:

div.outer {margin-top: 0.5px;} 
div.inner {padding-top: 0.1px;} 

這絕對應該產生相同的輸出的margin-top:0.6px但取決於你的整體的CSS主題的細節,你可能會注意到細微的差別。

+0

這種細微的差異可能不像您希望的那樣可以跨瀏覽器友好。可能是CSS首先不支持微型值的主要原因。 :) – DrewT 2013-03-26 22:12:36