2010-10-17 60 views
0

考慮following code:預計最後pinput60px緣之間如何使輸入類型=按鈕/提交保證金摺疊工作?

<p style="margin: 30px 0; padding: 0;">Some text some text some text some text some 
text some text some text some text</p> 

<p style="margin: 30px 0; padding: 0;">Some text some text some text some text some 
text some text some text some text</p> 

<input type="button" value="Button" style="margin: 30px 0; padding: 0; float: right;"/>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

30px保證金。顯然邊緣崩潰無法正常工作。如何修正input的CSS規則,同時保持input在頂部產生30px垂直邊距的能力?

回答

3

試穿input

編輯設置display:block:只要將包裝圍繞它呢?

http://jsfiddle.net/8mqHZ/13/

+0

奇怪的是,它在示例代碼中有所幫助,在生產中它並沒有。試圖隔離原因... – actual 2010-10-17 07:16:23

+0

啊哈,孤立的,原因是'float:right'(代碼更新)。如何保持它正確地移動並且沒有雙重保證金? – actual 2010-10-17 07:27:16

+0

@actual好吧,如果我沒有記錯的話,邊緣摺疊不適用於浮動元素。在一邊設置30px可能會更好。 – 2010-10-17 08:00:53

0

唯一的解決辦法,我發現:

<div style="text-align: right; margin: 30px 0;"> 
    <input type="button" value="Button" /> 
</div>​​​​​​​​​​ 

黑客的一點點。