Jump to content
  • 0

width


rpmcmerphy
 Share

Question

11 answers to this question

Recommended Posts

  • 0

всё просто. обычный блочный элемент - занимает собой всю свободную ширину родительского элемента по умолчанию, во многих случаях это не нужно

 

min и max задают допустимые пределы разности ширины (например при сужении и увеличении окна)

 

со школы вам должно быть известно про limit-ы (пределы), и в функциях также бывают максимумы и минимумы

просто попробуйте их поиспользовать

Link to comment
Share on other sites

  • 0
Чем отличается max-width от width, и min-width от width ?

 

width задается ширина, допустим ширина блока...

<div class="myclass">Наш блок</div>

а в css уже задаем свойство..

.myclass {width: 500px; //указываем что наш блок с шириной 500pxmin-width:200px; //указываем что наш блок не может быть меньше 200pxmax-width:1200px; //указываем что наш блок не может быть больше 1200px}//Чем отличается width от min-width, width задает ширину, а min-width задает минимальную ширину.//Чем отличается width от max-width, width задает ширину, а max-width задает максимальную ширину.
Link to comment
Share on other sites

  • 0
.myclass { width: 500px; //указываем что наш блок с шириной 500px min-width:200px; //указываем что наш блок не может быть меньше 200px max-width:1200px; //указываем что наш блок не может быть больше 1200px } //Чем отличается width от min-width, width задает ширину, а min-width задает минимальную ширину. //Чем отличается width от max-width, width задает ширину, а max-width задает максимальную ширину.
 

В любом случае ширина окна будет 500 пикселей, потому что элемент блочный и ширина фиксированая. 

На инлайн-блоке будет видно с динамическим содержимым, только ширину обычную не надо задавать.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy