Question

我已经了解到，当我在需要时使用属性overflow:auto;时，它会在框的右侧附加一个滚动条（如果有必要，也会添加到底部）。你可以在这里看到一个例子： https://www.w3schools.com/css/tryit.asp?filename=trycss_overflow_auto

但是，在这种情况下，该属性只是让块更高：

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    div {
        border: 3px solid #73AD21;
    }
    
    .clearfix {
        overflow: auto;
    }
    
    .img2 {
        float: right;
    }
    </style>
    </head>
    <body>
    
    
    <p style="clear:right">Add a clearfix class with overflow: auto; to the containing element, to fix this problem:</p>
    
    <div class="clearfix"><img class="img2" src="w3css.gif" alt="W3Schools.com" width="100" height="140">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, nulla et dictum interdum...</div>
    
    </body>
    </html>

为什么不在第二个示例中添加滚动条，就像在第一个示例中那样？

Answer 1

您必须指定宽度或高度才能使用溢出属性

为什么溢出属性不像我期望的那样工作？

1 个答案: