css布局乱怎么办？
一般的解决方案。采用定长定宽的布局。规划好页面的各部分元素大小。精确到px。然后整体居中，两侧留白。这样分辨率不一样，只会影响留白部分的大小。居中部分在各分辨率下显示效果一致。
另一种解决方案比较少用。就是采用流式布局。页面的各部分都是按照百分比去设置的。这样分辨率不一样的情况下。效果都是一致的。但是比较难以掌控。编码难度大，测试困难。因此较少采用。
另外，针对不同移动设备下，不同分辨率通常采用服务端判断设备类型，然后加载相应css去实现不同设备访问自适应
html布局怎么让它成形？
1、如果你会html、css可以直接写代码，最方便的是用网上的js插件，有很多很炫酷的插件。
2、如果不了解代码的话就用ps做出整个网页页面，然后将每个按钮、每个菜单栏、每个你要修改的地方都拆成一个个小图片，最后在Dreamweaver上在拼接起来，将按钮的图片添加按钮功能、菜单图片添加菜单工程。（可以查一下拆网页）。就像是很多纸片拼成的画报 3、如果只是修改现成的网页，将要修改的地方做成图片，和上面的方法一样，放在相应的位置
css如何使页面缩小后不变？
1、打开编辑器，创建一个HTML文档，并且设立一下基本的架构。
2、我们用img标签嵌入一张图片，我们可以看出如果页面缩小，图片不会随着缩小，这样页面就变形了。
3、然后创建CSS文档，并且关联现在的HTML文档。利用LINK标签。
4、* { text-align: center;} img { width: 800px; height: 800px;}为了方便显示，我们先居中图片，并且设置基础的长宽。
5、@media only screen and (max-width: 600px) { img { width: 300px; height: 300px; }}
现在我们在CSS文件后面加上这行代码，指的是页面缩小到宽度为600px后，图片的长宽也跟着缩小，这里要注意比例。
6、然后我们试着缩小页面，就可以发现会跟着缩小，这样就可以制作不变的效果。
新手如何用HTML加CSS布局实现一个导航栏？
首先建立一个DIV，为其命名为“nav”，在DIV中建立一个<ul>无序列表，导航共有几个栏目，就为列表添加几个<li>的列表项，为每个列表项中的内容加上超链接，链接到所需的项目页面。
然后设置CSS样式，为列表规定宽度和高度，去掉列表前面的符号，代码为：
ul {width:宽度值；height：高度值； list-style:none；}
如果是横向导航，还需为里面的列表项<li>标签设置左浮动的样式，代码为：li {float:left;}
每个栏目之间分隔的距离可通过margin（外边距）属性来设置。
html代码：
<div id="nav">
<ul>
<li>CSS学习</li>
<li>学前准备</li>
<li>入门教程</li>
<li>提高教程</li>
<li>布局教程</li>
<li>精彩应用</li>
</ul>
</div>
css代码：
#nav ul{
width:960px;
height:35px;
}