2014-05-08 188 views
-1

我在字段集內有一個div,我試圖在其右側放置一個按鈕。但是,div具有我無法控制的持續的權利邊際。如果你看下面的圖片,你會看到: 1. HTML, 2.它如何在瀏覽器中顯示chrome開發工具提供的可視覆蓋圖(注意橙色右邊距很大), 3. css (注意我明確地設置了「margin-right:2px;」) 4. chrome開發工具的盒子模型(注意右邊距顯示爲「2」,但仍然比#2中顯示的要寬得多)無法刪除右邊距

https://i.imgur.com/2rPdNs5.png

我該如何擺脫右邊距!? 謝謝。

+0

顯示屬性必須是內聯塊,而不是阻止 – Tofandel

+0

omg,就是這樣......謝謝! – user3338114

+1

未來,請儘量避免這樣的截圖。將實際代碼發佈到您的答案中可能會好得多,並且可能會在JSFiddle.net上創建一個示例,以社區可以測試的方式顯示行爲。 – jwatts1980

回答

0

嘗試設置display: inline-block;#ageYearFieldset div

+0

是的,你是對的! – user3338114

0

嘗試增加float: leftdivbuttonbutton放置在div權。

此外,你可能想嘗試引導的input-addon出來完成它。

Chrome開發工具可視化的邊距可能會讓人困惑,但您應該依賴的是盒子模型本身。