How can i add my margins and paddings to my height and width without changing the %
example:
height: 100%;
width : 100%;
margin-left:10px;
how can the margin be included in the calculation of width and height?
border-box?
Asked
Active
Viewed 60 times
1
-
you can use `box-sizing` – Mehdi Dehghani Jul 28 '15 at 19:52
-
http://www.w3schools.com/cssref/css3_pr_box-sizing.asp – Mehdi Dehghani Jul 28 '15 at 19:53
-
border-box does not include maargins – Raja Jul 28 '15 at 19:55
-
Note that, margin is okay without box-sizing, but if you need to use `padding`, you need to use it – Mehdi Dehghani Jul 28 '15 at 19:56
-
Possible duplicate of [link](http://stackoverflow.com/questions/14416651/including-margin-for-width-and-height) – King Size Jul 28 '15 at 20:10
2 Answers
0
You may include padding and borders in the width/height but not margins. Margins are the area outside the element and thus the element can not claim the ownership of margins.
King Size
- 397
- 1
- 6
0
You can't use margin or paddings without some width or height, you must have some content inside your tag. If you can't change css just give some min-height/min-width in px or give a content. Here is an [example][1]
[1]: http://codepen.io/ostinred/pen/jPQBRW
ostinred
- 116
- 7