Reputation: 1058
I want to display content - other divs containing text - in a div on my website.
The div is a child of a flexbox.
Sometimes, this content is bigger than the size of my div.
But this is not a problem, as I only want the stuff at the bottom-right corner of the content to be visible anyway.
What I do is use the property overflow: hidden;
. But this lets the content overflow to the right and bottom instead of the left and top.
What I have:
What I want:
I tried:
overflow: scroll;
and scrolling to the maximum, but this broke my layout.direction: rtl;
, but this reverses the direction of my text instead of the overflow.float: right;
, which doesn't do anything.Do you have any suggestions for what I could try?
Thanks!
Upvotes: 1
Views: 887
Reputation: 64
I need the CSS and HTML code to give you a precise answer, but I think that you can solve the issue by giving:
position: relative;
overflow: hidden;
to the parent and:
position: absolute;
bottom: 0;
right:0;
to the child element.
Upvotes: 2