码迷,mamicode.com
首页 > 其他好文 > 详细

Select input 两个元素的宽度高度跟设定值不一致的问题

时间:2016-08-24 14:27:00      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:

  在做登录框的时候,需要一个select 元素作为账号输入,一个input作为密码输入框。在css 文件中,将这两个元素的position 设置为relative ,并且width 设置为100%。刷新页面后发现,两个元素的长度居然不是一样的。最终在stackoverflow 中找到了答案。原来,实际宽度 = width + padding + border,实际高度 = height + padding + border 。要想自己设定的width 或者height 就是实际的宽度或者高度,可以设置box-sizing: border-box;

 

Select input 两个元素的宽度高度跟设定值不一致的问题

标签:

原文地址:http://www.cnblogs.com/liujiangyi/p/5802539.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!