网站简介

这是一个基于HTML和CSS制作的简单响应式网站。通过设置html, body{width:100%;height:100%;overflow:hidden; clear:both;},我们可以使网页的宽度和高度占据整个屏幕空间，并清除任何溢出的内容。这种布局方式在移动设备上非常适合，因为它可以自动调整页面的大小以适应不同的屏幕尺寸。

HTML代码

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>响应式网站示例</title>
<style>
html, body{
width:100%;
height:100%;
overflow:hidden;
clear:both;
}
</style>
</head>
<body>
<!-- 在这里添加你的网页内容 -->
</body>
</html>

CSS代码(已包含在HTML中)

在这个示例中，我们没有使用外部CSS文件，而是直接将样式放在<style>标签内。这样可以确保样式与HTML内容紧密结合。在这个例子中，我们使用了width:100%; height:100%; overflow:hidden; clear:both;这四个属性来实现全屏布局。