Top "Border-box" questions

How to get equal width of input and select fields

On the form, I have one select and two input fields. These elements are vertically aligned. Unfortunately, I can't get …

html css html-select border-box

It seems that box-sizing: border-box is not working

I've never came across this issue, but in a nutshell I apply border box as my box-sizing to all the …

html css border-box

Why is padding expanding a flex item?

In the snippet below, the first row has two divs with flex-grow: 1. As expected, each div takes up 50% of the …

html css flexbox border-box

Inconsistent box model between <input type="submit"/> and <input type="text" />

I realised that <input type="submit"/> has a border-box box model, whereas <input type="text"/> has …

input css border-box

Why does box-sizing: border-box still show the border with a width of 0px?

When using box-sizing: border-box in CSS, I assume that the total width of an element will be defined in its "…

css border-box

Chrome vs. box-sizing:border-box in a display:table

I'm doing a small 2-pane layout using display:table. For spacing (also from the background image), I use padding. As …

html google-chrome css border-box

Issue with box-sizing border-box and min-width in IE 9

I'm using the box-sizing:border-box model. When an inline-block element with a min-width is contained in an inline-block element (container), …

internet-explorer css border-box

What causes the "user agent stylesheet" to use "border-box" instead of "content-box" for box-sizing?

I'm under the impression that the user agent stylesheet in browsers such as Safari, Chrome and Firefox is something that …

user-agent css border-box