Jump to content
  • 0

Принудительное overflow-x: scroll при overflow-y: hidden


7ion
 Share

Question

Здравствуйте.

Такая проблема.

В div находится еще один плавающий div и для того, чтобы он растягивал своего родителя, к родителю применено правило overflow-y: hidden.

Дело в том, что почему-то без спроса div начинает вести себя как будто я еще прописал overflow-x: scroll.

Прописывал жестко overflow-x: visible - безрезультатно.

Вот без overflow-y: hidden.

image.png

Вот с.

image.png

Как убрать этот эффект?

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

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

У вас на класс .body прописан max-width. Не знаю, что нужно конкретно сделать, но смотрите в эту сторону. max-min-width, %, px.

Если я правильно понял мысль, вам overflow вообще не понадобится..

Link to comment
Share on other sites

  • 0

Дык юзайте clearfix, в чем проблема?

Это

.clear:after {
content: "";
display: block;
clear: both;
}

? Но ведь это же жуткий костыль, и кроме того - у меня сайт для мобильных устройств, с :after могут быть проблемы.

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