overflow-x: hidden

Contenuto molto largo che viene nascosto


Codice
<style>
.contenitore {
width: 200px;
height: 100px;
border: 2px solid black;
overflow-x: hidden; /* nasconde il contenuto in eccesso */
background-color: #f0f0f0;
}
.contenuto {
width: 300px; /* più largo del contenitore */
height: 80px;
background-color: lightcoral;
}
</style>
</head>
<body>
<br>
<h2>overflow-x: hidden</h2>
<div class="contenitore">
<div class="contenuto">Contenuto molto largo che viene nascosto</div>
</div>