W3Schools 试用编辑器 - W3Schools 中文教程

<!DOCTYPE html>
<html>
<style>
#content {
  height: 100px;
  width: 100px;
  background-color: coral;
  padding: 15px;
  border: 10px solid black;
  margin: 10px;
  overflow: scroll;
}
</style>

<body>
<h1>The Element Object</h1>
<h2>The scrollHeight and scrollWidth Properties</h2>

<p>These properties return the height and width including padding, bet excluding borders, scrollbars, or margins.</p>

<p>Try to remove and/or change the different CSS property values, and click "Run" again to understand how it works.</p>

<div id="content">Some content..Some content..Some content..Some content..Some content..Some content..Some content..Some content..Some content..Some content..Some content..Some content..Some content..Some content..Some content..Some content..Some content..Some content..Some content..Some content..Some content..Some content..Some content..Some content..Some content..Some content..Some content..Some content..Some content..Some content..Some content..Some content..Some content..</div>

</body>
</html>