1

У меня есть блок <div id="nowrap"> и мне нужно чтобы у <body> не появлялась полоса прокрутки именно из-за <div id="nowrap"> а из-за остальных блоков появлялась.

1
  • сделайте nowrap height 100%
    – IC_
    24 мая 2017 в 6:02

1 ответ 1

1

Так по себе проблема простая, нам нужно поместить элемент в <div> c overflow: hidden;.

Но тогда этот <div> при прокрутке страницы будет обрываться ровно по ее ширине. Если мы не хотим этого, сделаем такой хак:

.container {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 1em;
}

#nowarp {
  position: absolute;
}

.main {
  display: inline-block
}
<div class=main>
  <div class=container>
    <div id=nowarp>wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww</div>
  </div>

  <div>QQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQ</div>
</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.