这么写不用继承也能实现效果啊

来源：4-7 编程练习

洛奇丶大

2019-09-02 11:03:54

<!DOCTYPE html>
<html>
<head>
    <title>浮动</title>
    <link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
    <div id="div1"><div id="div2"></div></div>
    <div id="div3"></div>
</body>
</html>

#div1{
    background-color: blue;
    width: 100px;
    height: 300px;
    padding-left: 60px;
    box-sizing: border-box;
    float: right;
}

#div2{
    background-color: green;
    width: 40px;
    height: 100px;
    float: inherit;
}

#div3{
    background-color: red;
    width: 40px;
    height: 100px;
}

写回答

2回答