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

时间:2011-08-16 01:12:35

标签: css

我在表单上的“项目类型”输入框中使用“选择”特殊输入框。

您可以在此处查看http://harvesthq.github.com/chosen/

这是我的页面。您会注意到名称,电子邮件,电话等都是标准输入框......但是当您进入项目类型时它一切都很完美,但是当您单击其中一个选项时...它仍然可以正常工作。在删除您选择的其中一个选项(例如,在页面右侧,例如失去焦点)后单击关闭输入框时,请仔细查看,然后您将看到它下面的所有内容,包括页脚下方的输入框。 ..提交按钮等所有班次1px。如果这不是一个很好的解释并且你会看到它正在转移

,只需玩它一分钟

我无法确定这是什么属性..我唯一改变的是填充:5px填充div内部输入的6px所以它将匹配其余的输入框..

http://eastcoastefx.vaesite.com/contact

3 个答案:

答案 0 :(得分:1)

我只用镀铬测试过这个。

当您选择某个内容时,您的div id="sel1DT_chzn"会增长1个像素。

将其高度设置为33px

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

答案 1 :(得分:1)

这是一个修复:

selected.css,第172行的选择器: 行高:12px的

答案 2 :(得分:0)

问题是“.chzn-container-active .chzn-choices .search-choice”又名项目项目(品牌推广,Web开发等......)的高度为31px(包括填充,边距和边框),而它的容器高度只有30像素。所以它可以不高于29px,否则它会像现在一样扩展它的容器。

我在浏览器中解决的问题是减去上边距的1px和下边距的1px。但这取决于你如何做到这一点。