How to make a div have a fixed size

Question

I made a site so when you click the button 30px it changes the font inside the div   I have a ul inside it with the bottons  When I change the size of font the div expands and the nav buttons move with it as well   How do i make it so it stays fixed but the fonts can still change

User · Answer

you can give it a max-height and max-width in your  css   fontpixel max-width 200px  max-height 200px     in addition to your height and width properties

User · Answer

Use this style   lt div class  form-control       style  height 100px       width 55        overflow hidden       cursor pointer  gt   lt  div gt

User · Answer

lt div gt     lt img src  whatever it is  class  image-crop  gt   lt  div gt      mobile code        image-crop        width 100         max-height  auto               desktop code       media screen and  min-width  640px         image-crop         width 100          max-height  140px

User · Answer

lt div class  quot ai quot  gt a b c d e f lt  div gt     something like  100px  lt div class  quot ai quot  gt a b c d e lt  div gt      80  lt div class  quot ai quot  gt a b c d lt  div gt      60    lt script gt   function  reWidthAll div classname     var  maxwidth   0         classname  each function         var  width     this  width          maxwidth     width  gt    maxwidth     width    maxwidth     define max width                classname  width  maxwidth      return all div same width      reWidthAll div   ai      lt  script gt

User · Answer

Thats the natural behavior of the buttons  You could try putting a max-width max-height on the parent container  but I m not sure if that would do it   max-width something px  max-height something px    The other option would be to use the devlopr tools and see if you can remove the natural padding   padding  0

User · Answer

Try the following css    innerbox      width 250px     or whatever width you want        max-width 250px     or whatever width you want        display  inline-block      This makes the div take as little space as possible  and its width is defined by the css       Expanded answer  To make the buttons fixed widths do the following     innerbox input      width 150px     or whatever width you want        max-width 150px     or whatever width you want         However  you should be aware that as the size of the text changes  so does the space needed to display it   As such  it s natural that the containers need to expand   You should perhaps review what you are trying to do  and maybe have some predefined classes that you alter on the fly using javascript to ensure the content placement is perfect

[css] How to make a div have a fixed size?

Examples related to css

Examples related to html

Examples related to fixed