html设置固定页面大小

div固定宽高，图片会盖住背景。
图片width设为1 00%，跟随父级宽度。
比如项目2 02 3 年，宽2 00px，图片也2 00px。

高度设1 00%，图片会变形。
父级高度去掉，子集自动适应。
比如项目2 02 3 年，父级3 00px，图片也3 00px。

图片框底有边框，设display:block。
比如项目2 02 3 年，边框消失。

你自己掂量。

怎样在div中设置宽度和高度？

上周有个客人问我怎么用HTML和CSS设置输入框的大小，我就给他演示了一下。
首先，你需要准备三样东西：一台电脑、一个浏览器，还有一款HTML编辑器。
比如，我常用的就是Sublime Text。

然后，打开你的HTML编辑器，新建一个HTML文件，你可以叫它index.。
在文件里，我们先写一些基础的HTML代码。
就像这样：

< lang> <head> <title>输入框大小设置</title> </head> <body> <input type="text"> </body> </>
接下来，在<input>标签里，我们添加一个style属性，用来设置输入框的宽度和高度。
代码是这样的：
<input type="text" style="width:2 00px;height:6 0px;">
这里的width:2 00px;和height:6 0px;就是用来指定输入框的宽度和高度。
单位是像素（px）。

写完这些，保存文件。
然后，你可以在浏览器里打开这个HTML文件。
如果你用的是Chrome浏览器，可以直接右键点击index.文件，选择“打开方式”，然后选择Chrome浏览器。
这时候，你应该能看到一个设置了宽度和高度的输入框。

反正你看着办，这就是设置HTML输入框大小的方法。
简单吧？

如何让div的大小占满整个屏幕

哈，说起用Sublime Text写HTML和CSS，我印象里这是不少前端开发新手都会经历的过程。
我自己也混迹在这个圈子里好多年了，所以对这种基础操作还是有点心得的。

说实话，刚开始用Sublime Text的时候，我也得先搞清楚CSS里那些能控制div大小的属性。
比如width和height，还有max-width和max-height，这些都是基础。
我还记得我第一次查资料是在2 01 2 年，那时候互联网上关于CSS的学习资源还不多。

有意思的是，我发现控制div盒子的大小其实还挺灵活的。
你可以直接用像素(px)来设置，比如width: 1 00px;和height: 2 00px;，这样就能很直观地控制大小了。
当然了，现在也有人喜欢用百分比或者视口单位来设置，这些更符合响应式设计的理念。

说完这些，我就开始动手写代码了。
我写了个简单的HTML页面，里面创建了三个div，分别命名为d1 、d2 和d3 然后，我开始用CSS来控制它们的大小和颜色。

css代码大概长这样：
css .d1 { width: 1 00px; height: 1 00px; background-color: red; }
.d2 { width: 1 5 0px; height: 1 5 0px; background-color: green; }
.d3 { width: 2 00px; height: 2 00px; background-color: blue; }
我当时也没想明白，为什么颜色值是red、green和blue，后来才知道这些颜色名在CSS里是预定义的，可以直接用。
写完CSS之后，我就保存文件，然后用浏览器打开HTML页面查看效果。

结果发现，三个div按照我设置的大小和颜色显示出来了。
当时还挺兴奋的，因为这是我第一次自己动手实现了这个效果。
可能有点偏激，但那时候的感觉确实很棒。

现在回想起来，这些基础的技能对于前端开发者来说真的很重要。
虽然现在有很多更高级的工具和框架，但基础知识的扎实程度还是决定了你能不能快速上手和解决问题。
数据我记得是X左右，但建议你核实一下最新的前端开发趋势。