All Questions
99 questions
0
votes
1
answer
116
views
Overflow hidden in horizontal menu
During creating horizontal menu in CSS why there is used overflow: hidden to make this menu visible?
type here
I Would like to know why should we use overflow:hidden same as in example below:
www....
- 1
0
votes
2
answers
60
views
break-word (not break-all) in container with floating child in Firefox
A text with overflow-wrap: break-word side by side with a float element works nicely in Chrome but Firefox doesn't word break as expected, it doesn't take the floating element's width into account.
...
- 9,872
0
votes
2
answers
103
views
How to clip floated content
The following code snippet displays some headlines, with some icons floated on the left. The parent div has a defined height, with scroll:auto set.
Currently, scrolling to the bottom looks like this:
...
- 8,157
2
votes
1
answer
71
views
What is out of the normal flow?
What PRECISELY does the bold text in the specification refer to?
Floats, absolutely positioned elements, block containers (such as
inline-blocks, table-cells, and table-captions) that are not block
...
user19551894
-1
votes
4
answers
56
views
Why doesn't overlflow: auto work on the x-axis?
I was trying to make a container which is supposed to overflow its content horizontally and display a scrollbar horizontally (using overlfow: auto) since the width of the parent container is less than ...
- 1
0
votes
0
answers
133
views
Why overflow fix the problem of float: left? [duplicate]
I am new in learning CSS and while I am training to create a navigation bar using just a few declarations of CSS I did not know I faced this problem with this code
enter image description here
After ...
2
votes
1
answer
393
views
left margin not working on overflow:auto element following the float
I'm currently trying to create a two column layout where the left column is floated and the right column restrains the float by forming a new block formatting context. That works. Later, I try to put ...
- 441
0
votes
1
answer
61
views
img float:right; Div overflow:autoI
I want to decorate a text with an img at the right border,
this is my code
<img width="276" height="183" style="float:right; margin: 0em 0em 0.5em 0em;" src="...
- 147
0
votes
1
answer
1k
views
Overflow hidden with floated children not working in Shadow DOM
Background
I'm working in a Vue environment, where I have a component with slots, which looks roughly like this:
<component>
<third-party-library-element>
<content />
...
- 4,883
1
vote
2
answers
311
views
Overflow hidden causes div to be underneath floated div instead behind it
Currently I have this situation of two divs next to each other (under one container div), one is floating left and the other one occupies 100% of its parent.
I also want that the scrollbar will be ...
- 3,053
2
votes
1
answer
1k
views
Ellipsis Text Overflow on Float and Inline Block Elements
I am having trouble producing an ellipsis effect when a series of span children overflows its parent container. I have set up the parent container to have all the necessary attributes for an ellipsis (...
- 81
0
votes
1
answer
72
views
Detecting overflow on floats
How would I be able to detect overflow on these floats?
Where you would see a difference whether it is set to visible or hidden.
overflow: visible;
overflow: hidden;
Don't all floats contain ...
user10897505
0
votes
3
answers
81
views
How to put a text on the side of a image?
I have this code below:
.img-container{
overflow: hidden;
border-radius: 4px;
}
.img-container img{
-webkit-transition: -webkit-transform 1.2s ease;
transition: transform 1.2s ...
- 145
0
votes
1
answer
48
views
Keep DIVs side-by-side and make page horizontally scrollable if DIV contents too large
I wish to keep two divs side by side, no matter the width of the content in the right div. The left div will always have very short lines. The right div may have very long lines. If the lines are ...
- 9,559
1
vote
1
answer
83
views
margin-right and left works in different way regards to overflow-float divs
<body>
<div class="content">
<div class="content-sidebar">
content-sidebar
</div>
<div class="content-main">
...
- 2,673