Czy w slekcie w htmlu obramowanie to kilka dodatkowych pikseli do szerokości selekta?
Ponieważ ustawiłem selekta w htmlu na szerokość 200px, a zachowuje się jakby miał 205px. Czy to obramowanie ma kilka dodatkowych pikseli?
Czy w slekcie w htmlu obramowanie to kilka dodatkowych pikseli do szerokości selekta?
Ponieważ ustawiłem selekta w htmlu na szerokość 200px, a zachowuje się jakby miał 205px. Czy to obramowanie ma kilka dodatkowych pikseli?
Pewnie masz margin ustawiony
Ogólnie obramowanie/padding rozszerza każdy element w HTMLu. Jeżeli go ustawisz na 200px i dasz obramowanie 5px + padding 10px to cały element będzie miał 230px długości (2x5px + 2x10px). Można jednak zmusić go do 'zassania' dodatkowych elementów do środka, dzięki czemu element będzie miał dokładnie tyle px ile mu zadasz. Robi się to poprzez box-sizing: border-box;
.
Try: https://www.w3schools.com/cssref/css3_pr_box-sizing.asp
PS: Możesz nadać ten tryb na cały HTML na stronie, tak robi np. Boostrap: https://stackoverflow.com/questions/18854259/why-did-bootstrap-3-switch-to-box-sizing-border-box. Nie będziesz wtedy musiał nadawać tej właściwości na każdy element, który kodujesz, zostanie ona domyślnie zastosowana