1.是通过百分比来控制宽度；
2.可以通过块状元素自动占满父级的宽度的特性来实现
PS：当然还有一些方法，比如css3的flex-box布局，用flex布局的话，非常的方便可以实现多种自适应布局，但是，只适用于移动端，PC端上面只有高版本的浏览器才兼容，低版本的浏览器是不兼容的。
css固定宽度使用width属性来定义即可，如下这个案例。
<div class="box">这是一个宽度为300px的div</div> .box{width:300pxheight:200pxborder:1px solid #333}这样子class名为box的这个div宽度就固定在了300px。
可以给标签家个id或class就可以调整文本框的宽和高。
如：
<style type="text/css">
.text1{width:100pxheight:20px}
</style>
<input type="text" class="text1" />
扩展资料：
在CSS中，使用text-align属性控制文本的水平方向的对齐方式：左对齐、居中对齐、右对齐。
该属性通过指定行框与哪个点对齐，从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔，可以支持值 justify；不同用户代理可能会得到不同的结果。
默认值：left if direction is ltr, and right if direction is rtl
继承：yes
版本：CSS1
JavaScript 语法：object.style.textAlign="right"
参考资料来源：百度百科-text-align
