Tự code rồi chạy thử... Chạy Thử

<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính overflow-anchor trong CSS</title>
<style>
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#div-auto, #div-none {width:40%; float:left; height:150px; background:#ddd; margin-right:5%; padding:10px; margin-bottom:15px;overflow: scroll;}
</style>
</head>
<body>

<h1>Code Thuộc tính overflow-anchor trong CSS</h1>

<div id="div-auto" style="overflow-anchor: auto;">
 <h3>overflow-anchor: auto;</h3>
 <div id="them-auto"></div>
 <p>	
 Hãy Chạy thử Code Thuộc tính overflow-anchor trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả
 </p>
 <button onclick="themNoiDung()">THÊM NỘI DUNG</button>
</div>

<div id="div-none" style="overflow-anchor: none;">
 <h3>overflow-anchor: none;</h3>
 <div id="them-none"></div>
 <p>	
 Hãy Chạy thử Code Thuộc tính overflow-anchor trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả
 </p>
 <p>	
 Hãy Chạy thử Code Thuộc tính overflow-anchor trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả
 </p>
 <button onclick="themNoiDung2()">THÊM NỘI DUNG</button>
</div>
<script>
function themNoiDung() {
   // Tạo node (nút) p
  const node = document.createElement("p");
  // Tạo nút văn bản
  const textnode = document.createTextNode("Nội dung mới");
  // Thêm nút văn bản vào nút phần tử html
  node.appendChild(textnode);
  // Thêm nút phần tử HTML vào cuối div
 document.getElementById("them-auto").appendChild(node);

}
function themNoiDung2() {
   // Tạo node (nút) p
  const node = document.createElement("p");
  // Tạo nút văn bản
  const textnode = document.createTextNode("Nội dung mới");
  // Thêm nút văn bản vào nút phần tử html
  node.appendChild(textnode);
  // Thêm nút phần tử HTML vào cuối div
 document.getElementById("them-none").appendChild(node);

}
</script>
</body>
</html>

Code Thuộc tính overflow-anchor trong CSS nằm trong bài viết Thuộc tính overflow-anchor trong CSS