Select input 兩個元素的寬度高度跟設定值不一致的問題


  在做登錄框的時候,需要一個select 元素作為賬號輸入,一個input作為密碼輸入框。在css 文件中,將這兩個元素的position 設置為relative ,並且width 設置為100%。刷新頁面后發現,兩個元素的長度居然不是一樣的。最終在stackoverflow 中找到了答案。原來,實際寬度 = width + padding + border,實際高度 = height + padding + border 。要想自己設定的width 或者height 就是實際的寬度或者高度,可以設置box-sizing: border-box;

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM