Width in css

Width css property

/* <length> values */
width: 300px;
width: 25em;

/* <percentage> value */
width: 75%;

/* Keyword values */
width: max-content;
width: min-content;
width: fit-content(20em);
width: auto;

/* Global values */
width: inherit;
width: initial;
width: unset;

Source: developer.mozilla.org

Fixed size body html

html {
    position: relative;
    min-width: 1024px;
    min-height: 768px;
    height: 100%;
}
<!-- Remove height 100% if needed fixed height -->

Source: stackoverflow.com

Css width percentage

<div style="background-color:navy;">
  <div style="width:50%; margin-left:20%; background-color:chartreuse;">
    Width: 50%, Left margin: 20%
  </div>
  <div style="width:30%; margin-left:60%; background-color:pink;">
    Width: 30%, Left margin: 10%
  </div>
</div>

Source: developer.mozilla.org

Width in css

The width property in CSS specifies the width of the element's content area. This “content” area is the portion inside the padding, border, and margin of an element (the box model).

-2

Similar codes

8 votes208 views2 answers
Invert png color css
CSS
33 votes209 views2 answers
Gradient text colors
CSS
3 votes169 views1 answer
Smooth scroll to anchor
CSS
0 vote194 views2 answers
How to hide youtube watermark from embedded video :2021
CSS
29 votes213 views6 answers
Box-shadow
CSS
0 vote208 views1 answer
Create a specific form size and center in css
CSS
134 votes191 views6 answers
Remove background from image
CSS
0 vote207 views1 answer
Hide the default tooltip behaviour from safari
CSS
1 vote202 views1 answer
How to put mulitple conditions in media query
CSS
70 votes234 views4 answers
Css remove scrollbars
CSS