CSS 1px跳轉我無法弄清楚我的生活

我在窗體上的「項目類型」輸入框中使用了「選擇」特殊輸入框。CSS 1px跳轉我無法弄清楚我的生活

您可以查看這裏http://harvesthq.github.com/chosen/

這裏是我下面的頁面。你會注意到名字，電子郵件，電話等都是標準的輸入框......但是當你到達項目類型時，它完全可以正常工作，但是當你點擊其中一個選項時，它仍然可以正常工作。當你刪除你選擇的選項之一（關閉頁面右側，例如失去焦點），然後你會看到下面的所有選項，包括頁腳，在它下面的輸入框， ..提交按鈕等所有移位1px。只是玩一分鐘，如果這不是一個很好的解釋，你會看到它的轉變

我不知道這是怎麼的屬性..我改變了唯一的東西是填充：5px填充6px上的在div內輸入，所以它會匹配的輸入框，其餘..

http://eastcoastefx.vaesite.com/contact

來源

2011-08-16 Tallboy

我已經在Chrome只測試了這一點。

您的div id="sel1DT_chzn"選擇某物時會增加1個像素。

設置其高度33px

<div id="sel1DT_chzn" class="chzn-container chzn-container-multi" 
    style="width: 348px; height: 33px;"> ....

來源

2011-08-16 01:28:56

了所有的答覆，這是隻是工作的一個，但問題是，當你添加很多標籤（所以它填充了多條線）它保持那樣並且不會像其應該那樣移動其餘的元素？ – Tallboy

也許最小高度？或溢出：自動？這真的取決於你的目標瀏覽器和你想要的外觀。 –

或者把@imsky的建議改爲'chzn-container-multi .chzn-choices .search-choice'第172行的'line-height：12px'。你也應該把你所有的輸入設置爲默認的相同高度。 Chrome開發工具顯示其他輸入爲'30px'高。 –

的問題是，「.chzn容器主動.chzn-選擇.search-選擇」又名工程項目（品牌，網絡開發等。）有高度爲31px（包括填充，邊距和邊框），而容器的高度僅爲30px。所以它不能高於29px，否則它會像現在這樣擴展它的容器。

我在瀏覽器中做了什麼來解決這個問題，就是減去1px的上邊距和1px的下邊距。但這取決於你如何去做。

來源

2011-08-16 01:30:20 maartencls

你能告訴我確切的行號嗎？我從幾個不同的東西中刪除了1px，這使情況變得更糟？謝謝！ – Tallboy

這裏有一個修復：

chosen.css，選擇在行172：的line-height：12px的

來源

2011-08-16 01:31:32 imsky

CSS 1px跳轉我無法弄清楚我的生活

回答

相關問題