4

введите сюда описание изображения

Как убрать этот отступ(выделенное оранжевым)?

Вот код:

pay.php:

   <div class="col-xs-2">
   <!-- small box -->
   <div class="xtrasmall-box" style="background-image: url(img/wm.png);">
   </div>
   </div><!-- ./col -->

style.css:

 .xtrasmall-box {
  border-radius: 2px;
  position: relative;
  display: block;
  height: 45px;
  width: 60%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
2
  • А при изменении строки width: 60%; ничего не меняется?
    – jvmusin
    24 июл 2015 в 9:30
  • Дело в том что должно быть Width: 100%; а я его сократил до 60% чтобы получить нужный размер.Если его изменить меняется ширина.
    – Ersultan
    24 июл 2015 в 9:58

3 ответа 3

3
margin: 0;

PS: И ещё 20 символов, чтобы отправить ответ...

9
  • ничего не меняется
    – Ersultan
    24 июл 2015 в 9:57
  • @Ersultan, тогда покажи достаточный кусок кода.
    – Qwertiy
    24 июл 2015 в 10:24
  • какой кусок именно отправить?
    – Ersultan
    24 июл 2015 в 10:26
  • >width: 60%; вот это уберите display: inline-block; вот это поправьте
    – FLCL
    24 июл 2015 в 10:33
  • @FLCL , если убрать width то блоки с картинками исчезают
    – Ersultan
    24 июл 2015 в 10:35
0

Дело в том, что это не отступ, а оставшееся место в контейнере. Если он вас смущает, то советую добавить класс к блоку .col-xs-2 и менять его ширину, а у блока .xtrasmall-box оставить ширину 100%

-1

задать width: 60%; не в процентах а в px.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.