<head>
<style>div {
background-color: coral;
width: 200px;
height: 100px;
border: 1px solid black;
}</style></head><body><h2>Overflow: scroll</h2><p>Setting the overflow value to scroll, the overflow is clipped and a scrollbar is added to scroll inside the box. Note that this will add a scrollbar both horizontally and vertically (even if you do not need it):</p>
<div>You can use the overflow property when you want to have better control of the layout. The overflow property specifies what happens if content overflows an element's box.</div>
body { font-family: Helvetica; text-align: center;}
img { margin: 10px; }
/* dummy image styles */
.dummy {
box-sizing: border-box;
display: inline-block;
position: relative;
}.dummy:before {
content: '';
position: absolute;
background: lightgray;
top: 0;
right: 0;
bottom: 0;
left: 0;
}.dummy:after {
content: attr(width) " x " attr(height);
white-space: pre;
color: gray;
text-align: center;
display: block;
position: absolute;
width: 100%;
top: calc(50% - .5em);
font-size: 100%;
}
top: 0;
right: 0;
bottom: 0;
left: 0;
}.dummy:after {
content: attr(width) " x " attr(height);
white-space: pre;
color: gray;
text-align: center;
display: block;
position: absolute;
width: 100%;
top: calc(50% - .5em);
font-size: 100%;
Ищете вдохновение для ваших новых проектов?
web.com способен помочь в этом!
Найти вдохновение
