使用Div做一个HTML框架是网页设计中必须掌握的一个技能。Div是HTML中最常用的标记之一，它的作用是设置内容的样式和结构，让网页更加美观。在下面的代码中，我们将使用Div来创建一个基本的HTML框架。 首先，我们需要创建一个HTML文件。我们可以先定义DOCTYPE和HTML元素，并在head元素中添加title标签。

接下来，我们可以开始为网页创建一个基本的框架。该框架将包括一个页头，一个侧边栏，一个主内容区和一个页脚。

在代码中，我们使用了4个不同的div元素。这样做有助于我们更精细地控制页面元素的格式和样式。我们使用了id属性来为每个div元素命名，以便以后可以轻松地在CSS中引用这些div元素。 在这个基本框架中，我们只是定义了4个Div标记，没有为它们添加任何样式。接下来，让我们使用CSS来为这些Div添加一些样式。

在CSS中，我们为每个Div元素添加了一些样式。例如，我们设置了header div元素的高度为100px，背景颜色为橙色（#FFA500）。我们还为sidebar div元素设置了20%的宽度，并将其浮动在左侧。然后，我们为content div元素设置了80%的宽度，并将其浮动在左侧。最后，我们为footer div元素设置了高度为50px，并将其清除浮动。 这个例子中创建的HTML框架是非常基础和简单的，但它可以为网页设计提供一个良好的基础。您可以使用它作为您自己的网站的起点，并逐步扩展和改进它，以满足您的特定需求。