<style>
div.div1 {
width: 150px;
height: 150px;
background-color: LightBlue;
float: left;
}
div.div2 {
width: 150px;
height: 150px;
margin-left: 10px;
background-color: LightBlue;
float: left;
overflow: scroll;
}
div.div3 {
width: 150px;
height: 150px;
margin-left: 10px;
background-color: LightBlue;
float: left;
overflow: hidden;
}
</style>
<div class="div1">
This text is inside the div element, which has a blue
background color and is floated to the left. We set a specific
height and width for the div element, and as you can see,
the content cannot fit.
</div>
<div class="div2">
This text is inside the div element, which has a blue
background color and is floated to the left. We set a specific
height and width for the div element, and as you can see,
the content cannot fit.
</div>
<div class="div3">
This text is inside the div element, which has a blue
background color and is floated to the left. We set a specific
height and width for the div element, and as you can see,
the content cannot fit.
</div>
<div style="clear: both;"></div><br />
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCq_7sLqEmdBmrpwwoqHkLJ4ViAd1muVPVRip7m8lY7fruXtGfA4jYTfG9kPwHsn9pQ-o8CHjcnTXU1o8yGx1eP8E6hQ6ActqDdrg3osEzSE031Y-sVH5PA7kM8JYAZFqcKea6Zi-_N7g_dMLWkKcyDcLNN9GXPQ7T7NRMeQek6YQRgPtwXwis9uzr/s16000/a1.png)
0 Nhận xét