- This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
How to do that div.left won’t cross the black border?
P.S. Is there way doing without overflow: hidden;?
Not given the current structure.
You told it to have same (100%) height as the parent div…but that includes the ‘top’ div’ so it’s adding the height of the that div on to your ‘left’ div.
Take the ‘top’ div out of the ‘full’ div.
I know what’s the problem but there is any way to do it? I mean without taking top and left?
>I mean without taking top and left?
I’m not sure what that means.
If you take the top ‘div’ out of the ‘full’ div but place the top’ div before the ‘full’ div in your HTML you will get the **look** you are after.
If you add content to the ‘full’ div though….it probably won’t work as you think it might.
This might help though: http://codepen.io/anon/pen/asxch
Is the intention that minimum height of the page will always be the size of the viewport unless there is enough content to make the page scroll?
.className {
position: fixed;
top: 40px;
bottom:0;
border: yellow;
}