overflow及父级边框塌陷问题

最新推荐文章于 2024-08-11 11:01:02 发布

Marlboro~

最新推荐文章于 2024-08-11 11:01:02 发布

阅读量225

点赞数

文章标签： css css3 html

本文链接：https://blog.youkuaiyun.com/LIAO_YUANLONG/article/details/122178022

版权

本文介绍了CSS中如何处理overflow和父级元素边框塌陷的问题，包括增加父级元素高度、使用空div清除浮动、设置overflow为hidden以及应用伪类:after等方法，并对各种解决方案进行了小结。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>浮动</title>
    <link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div id="father">
    <div class="layer1"><img src="2.jpeg" alt=""></div>
    <div class="layer2"><img src="1.jpg" alt=""></div>
    <div class