input вылазит за границы div

Тема в разделе "Мегафлуд", создана пользователем dixonn, 10 май 2015.

  1. dixonn

    dixonn Постоялец

    Регистр.:
    25 май 2011
    Сообщения:
    53
    Симпатии:
    20
  2. igumenov

    igumenov

    Регистр.:
    30 июн 2009
    Сообщения:
    262
    Симпатии:
    100
    .searchform
    1) margin 2 раза пишешь
    2) margin если делаешь по 3% то на выходе ширина будет не 100% а 106%, соответственно длина должна быть 94%
     
    dixonn нравится это.
  3. dixonn

    dixonn Постоялец

    Регистр.:
    25 май 2011
    Сообщения:
    53
    Симпатии:
    20
    Просто говорили что лучше делать все значения в % т.к. влияет на резиновую ширину. Это так? Или в таких элементах этого не заметно?

    Сделал через функцию calc
     
    Последнее редактирование модератором: 10 май 2015
  4. zALEHANz

    zALEHANz Создатель

    Регистр.:
    26 апр 2015
    Сообщения:
    17
    Симпатии:
    6
    Не советовал бы использовать % в маржинах и пэдингах. Я бы убрал маржины с input и назначил пэдинг для form. И еще момент, для input не прописан display: block, для inline-block margin: 0px auto не работает
     
  5. vytyacom

    vytyacom Постоялец

    Регистр.:
    19 ноя 2014
    Сообщения:
    136
    Симпатии:
    54
    Не знаю решена ли проблема, но я немного изначальный ваш код пофиксил. Так же убрал маргин у инпута, вместо этого добавил на форму паддинг.
    Когда у инпутов (ну и в принципе у любых блоков) есть паддинги и еще он width: 100%, то обязательно обратите внимание на box-sizing. По умолчанию паддинги не включаются в общую ширину, т.е. box-sizing: content-box, для того чтобы границы блока и паддинги входили в ширину (ну или в конкретные 100%) надо у блока указать box-sizing: border-box.
    В интернете в принципе много информации по этому поводу если интересно.