<.
<< html lang=" en">
<> < head>>.
<< meta charset=" UTF-8"/>>.
<< meta name=" viewport" web content=" size= device-width, initial-scale= 1.0"/>>.
<< title>> Paper<.
<< design>>
. cover {
overflow-x: vehicle;
}
. material {
placement: family member;
size: 100%;
min-width: 800px;
elevation: 200px;
background-color: environment-friendly;
}
. outright {
placement: outright;
top: 50%;
right: 0;.
background-color: red;.
elevation: 200px;.
size: 100px;.
}
<.
<.
<< body>>.
<< div course=" cover">
<> < div course=" web content">
<> < div course=" outright"><> .
<.
<.
<I have a web page like above.
Somehow, I established min-width for web content, so I established overflow-x: vehicle; for cover
In web content, I have an outright aspect
Outcome:
As you see, one scroll bar show up.
If i get rid of overflow-x: vehicle; in cover:
<.
<< html lang=" en">
<> < head>>.
<< meta charset=" UTF-8"/>>.
<< meta name=" viewport" web content=" size= device-width, initial-scale= 1.0"/>>.
<< title>> Paper<.
<< design>>
. cover {
}
. material {
placement: family member;.
size: 100%;.
min-width: 800px;.
elevation: 200px;.
background-color: environment-friendly;.
}
. outright {
placement: outright;.
top: 50%;.
right: 0;.
background-color: red;.
elevation: 200px;.
size: 100px;.
}
<.
<.
<< body>>.
<< div course=" cover">
<> < div course=" web content">
<> < div course=" outright"><> .
<.
<.
< overflow-x: vehicle; create scroll when kid have an outright aspect Yet I til demand overflow-x: vehicle; for scrollable of web content when internet browser display is little.
Exactly how can I repair that?
