01/10/2018, 15:00

Thuộc tính overflow: hidden trong việc tạo menu

Ai biết thuộc tính overflow: hidden trong https://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizontal_black có nghĩa là gì ạ?

Đinh Quang Minh viết 17:09 ngày 01/10/2018

nghĩa là nội dung bên trong nó mà tràn ra thì phần tràn sẽ bị ẩn. auto thì trán nó sẽ thêm scroll bar. scroll thì sẽ luôn luôn thêm

Nguyễn Ngọc Danh viết 17:07 ngày 01/10/2018

mình muốn hỏi là khi bỏ thành phần overflow thì menu cũng bị mất luôn, nó kết hợp với float: left như nào ý

Đinh Quang Minh viết 17:06 ngày 01/10/2018

à. theo mình nghĩ thì là do khi chúng ta sử dụng float cho thành phần con thì nó sẽ bị tràn ra khỏi thằng cha ( kiểu như nó không coi thằng cha là cha nữa) và thằng cha bị ẩn đi mất do thuộc tính width hay height gì đó về 0px (trong trường hợp này do thẻ a có color: white nên không thấy các thẻ. khi overflow thì nó sẽ clear float để cho thằng cha sẽ bao bọc thằng con. bạn có thể bỏ overflow và thêm thuộc tính height cho ul là 10px và sửa color của thẻ a khác màu trắng thì bạn sẽ thấy n bị tràn ra ngoài do không có clear float. mình thường dùng inline-block thay cho float trong trường hợp này.

Nguyễn Ngọc Danh viết 17:16 ngày 01/10/2018

khi overflow thì nó sẽ clear float để cho thằng cha sẽ bao bọc thằng con

ùi, cám ơn nhé! đúng là nếu không có overflow thì nó sẽ bị tràn ra khỏi khung, nên yếu tố background-color của ul không được áp dụng

Bài liên quan
0