Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Как задать фиксированную длину div'y, если внутри него могут быть неопределенные отступы?
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Как задать фиксированную длину div'y, если внутри него могут быть неопределенные отступы?

Страниц (1): [1]
 

1. Rooner - 14 Августа, 2013 - 16:15:34 - перейти к сообщению
Есть div точной длины 300px, внутри него другой div с отступом от левого края либо 30px либо 60px и более. Как сделать так, чтобы родительский div в 300px не увеличивался в зависимости от внутреннего отступа? В данном случае его длина становится 330px или 360px.
2. imya - 14 Августа, 2013 - 16:23:42 - перейти к сообщению
CODE (css):
скопировать код в буфер обмена
  1. .par
  2. {
  3. width:300px;
  4. overflow:visible;
  5. border: solid  2px #ff0000;
  6. }
  7. .child 
  8. {
  9. width:30px;
  10. margin-left:30px;
  11. border: solid 1px #000000;
  12. float:left;
  13. }

CODE (htmlphp):
скопировать код в буфер обмена
  1. <div class="par">
  2. <div class="child"></div>
  3. <div class="child"></div>
  4. <div class="child"></div>
  5. <div class="child"></div>
  6. <div class="child"></div>
  7. <div class="child"></div>
  8. <div class="child"></div>
  9. </div>


??

Если я верно вас понял.
3. IllusionMH - 14 Августа, 2013 - 16:34:13 - перейти к сообщению
Rooner, либо box-sizing: border-box, либо еще один вложенный див, у которого задаются только padding без ширины, либо margin у потомков
4. Rooner - 14 Августа, 2013 - 16:39:58 - перейти к сообщению
imya, не то, но это натолкнуло на правильное решение, за что спасибо Улыбка
Я немного не там отступ ставил, но сейчас разобрался.
5. imya - 14 Августа, 2013 - 16:43:18 - перейти к сообщению
Улыбка
Если не секрет, какое решение вы сделали?

 

Powered by ExBB FM 1.0 RC1