HTML i CSS Width! Pytanie!

Question

Witam! Piszę stronę i mam tylko jedno pytanie, ponieważ w menu mam diva, a jak na niego najedziemy to dostaje bordera. Niestety wtedy reszta pól menu się oddala, ponieważ div jest o (3px+3px) grubszy. Jak zrobić żeby wtedy szerokość diva zmiejszyła się o 6px, kiedy używam procentu (width: 10%;).

Chodzi mi jak poprawnie napisać coś w stylu: width: 10% - 6px;

Proszę o pomoc

Answer 1

Możesz również użyć "box-sizing: border-box" dla tego diva i tworzący się border będzie wliczany we wcześniej ustaloną szerokość nie zmieniając jej.

https://codepen.io/anon/pen/bapaqd

Answer 2

Najprościej daj border w kolorze diva  lub transparent jeżeli nie ma koloru dla diva przed hover.

Comments

Inna metoda jeżeli masz rozmiar w procentach a dodajesz pixele  to użycie funkcji calc() css