三等分css(三分法)是一种常见的css布局技术，可以将一个长篇文章或页面分成三个等大小的区域，使得每个区域都可以独立地展示内容，而不会相互干扰。这种技术可以大大提高网站的可读性和用户体验。
在三等分css中，长篇文章或页面被分成三个区域，每个区域的大小是固定的，并且可以设置其宽度和高度。三个区域之间的空白区域可以通过css中的margin和padding属性来控制。这种技术可以有效地减少页面的滚动空间，让用户更容易地浏览网页。
以下是一个简单的三等分css布局示例：
<!DOCTYPE html>
<html>
<head>
<title>三等分css布局示例</title>
<style>
body {
margin: 0;
padding: 0;
background-color: #f2f2f2;
.container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
height: 100vh;
.content {
flex: 1;
padding: 20px;
background-color: #fff;
border-radius: 5px;
</style>
</head>
<body>
<div class=”container”>
<div class=”content”>
<h1>第一部分</h1>
<p>这里是第一部分的内容。</p>
</div>
<div class=”content”>
<h1>第二部分</h1>
<p>这里是第二部分的内容。</p>
</div>
<div class=”content”>
<h1>第三部分</h1>
<p>这里是第三部分的内容。</p>
</div>
</div>
</body>
</html>
在这个示例中，`.container`元素被分成了三个区域，分别是`.content`元素、`.content`元素和另一个`.content`元素。每个`.content`元素都设置了相同的宽度和高度，并使用padding属性设置了不同的间距。
通过使用三等分css布局技术，可以大大提高网站的可读性和用户体验，并且可以方便地控制每个区域的大小和内容。