Hỏi đáp

Chia sẻ kiến thức, cùng nhau phát triển

Cách để lồng 1 div con lớn hơn vào div cha

19:14 06-08-2017 2.294 lượt xem 1 bình luận 01:22 07-08-2017

Ai có cách nào để 1 div con to hơn nó nằm hoàn toàn trong 1 div cha không ?? Ví dụ :

<div id="cha">
   <div id="con"></div>
</div>

mà thằng còn nó chỉ hiện ra phần diện tích mà nó trùng với thằng cha còn lại mình không thấy được chứ không phải div con to hơn là nó đè hẳn lên div cha.
Tại em đang làm một control kiểu cái slide show trên web, mà đang bị vướng chỗ này.

Bình luận

Để bình luận, bạn cần đăng nhập bằng tài khoản Howkteam.

Đăng nhập
DG SuperAdmin, Author, KquizAdmin, KquizAuthor đã bình luận 01:21 07-08-2017

Được bạn, set width, overflow hidden cho div cha, nếu con lớn hơn sẽ tự ẩn phần dư.

<div class="cha">
    <div class="con"></div>
</div>

<style>
.cha {
    background-color: red;
    width: 200px;
    height: 150px;
    overflow: hidden;
}

.con{
    background-color: blue;
    width: 500px;
    height: 500px;
}
</style>

 

Câu hỏi mới nhất