div css网页布局的问题。一个采用DIV CSS的网页,当浏览器窗口扩大或缩小时,里面的图片框架会错位

作者&投稿:后冉 (若有异议请与网页底部的电邮联系)
求HTML指教,当浏览器窗口大小变化时,如何让内容布局不变~

如果想要保持布局不变,可以给该元素(如div)设置最小宽度属性。
在网页中,如果一个元素没有设置最小宽度(min-width),这时当浏览器缩小到一定程度时,元素中的布局可能会发生变化。
设置代码如下:
主页面body{ margin:0px; width:1350px; min-width:1024px; max-width:100%; height:100%; background-color:#F0F0F0;}#head{ background-color:#FFFF00; width:1350px; height:100px; min-width:1024px;}#center{ background-color:#00FFFF; width:1350px; min-height:100%; position:relative; min-width:1024px;}#foot{ background-color:#FF00FF; width:1350px; height:100px; min-width:1024px;}#left{ width:150px;height:100%;background-color:#EEEEEE;position:absolute;margin-left:60px;}#main{ width:924px;height:100%;background-color:#EE00FF;position:absolute;margin-left:210px;}#right{ width:150px;height:100%;background-color:#EEFF00;position:absolute;margin-left:1134px;} 你好 大家好

现在的大部分都是div+css的布局,出现问题是很常见的,如网页缩小时候的错位:
1,因为你的DIV的宽高是确定的值,所以你一缩小,自然你的浏览器宽度和高度就发生了变化,自然就会造成div的挤压,因为导致错位,就像代码中的一样:

aaa

bbb


这样浏览器的宽度不够自然就错位了

如果图片的宽度随浏览器的大小变动而变动的话,请把宽度设置成百分数,不要给具体的固定值(如800px、900px)
如果图片宽度想固定的话,请设置成固定的值
你这个问题估计是有些元素的宽度为固定值,有些为百分数,然后宽度变动的时候,百分数的宽度跟着一起变动了 ,而固定值的宽度不随着变动,看看时候是图片框架的图片固定的缘故

看实际情况 一般需要检查下各个主要框架css是否设置有遗漏 比如 宽度px超过外围定位总数px. 建议不要使用百分数。百分数对定位这个问题没有很好的解决方案。 应该需要检查的属性为position与float 其次为margin与padding. 希望能够帮助到你!

试试固定元素容器的宽度,隐藏溢出部分overflow:hidden;

可能CSS解决不了,只能用JS来操作了,我还不懂你的那个图片框架是什么东西?

你没有给你页面主要内容 一个宽度


绥宁县13657936751: div+css布局问题 -
何乳盐酸: 网页一般的做法是首先利用PS出整体的效果图,再将效果图进行切片,仅保存图片.再转入DW等软件用div+css或者表格进行布局.

绥宁县13657936751: div+css存在的问题有哪些? -
何乳盐酸: 尽管DIV+CSS具有一定的优势,不过现阶段CSS+DIV网站建设存在的问题也比较明显,主要表现在: 第一,对于CSS的高度依赖使得网页设计变得比较复杂.相对于HTML4.0中的表格布局(table),CSS+DIV尽管不是高不可及,但至少要比表...

绥宁县13657936751: div+css布局错乱问题解决方法 -
何乳盐酸: 1. 宽度计算错误造成错位;解决方法:计算我们设置宽度、边框、paddind、margin之和. 2. 浏览器问题造成错乱;解决方法尽量少使用margin属性,或者使用css hack. 你的问题,content DIV块中加入overflow: auto;left DIV块中加入 float: left;right DIV块中加入 float: right;

绥宁县13657936751: div+css中的布局问题
何乳盐酸: 把width的单位设置成百分比应该就可以了,如果是像素浏览器小了,就会出现横滚动条,如果是百分比就会随浏览器大小改变.

绥宁县13657936751: div+css网页布局的问题!
何乳盐酸: 先 # 构架好 最后再写CSS CSS文件要重复利用 避免写重复的id or class属性 几百行的CSS 才不过 10几KB 用CSS 只会提高速度 不会变慢的 关键是要精简CSS文件 页面多使用DIV容器 不要一个DIV 或者table 包含全部 那网站的打开速度当然很慢了 能用CSS写出来的 就用CSS 少用图片和flash

绥宁县13657936751: 设计网页时DIV+CSS常见错误 -
何乳盐酸: 用DIV+CSS来设计网页时的常见错误有:1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系.可以用dreamweaver的验证功能检查一下有无错误.2. 检查CSS是否正确 检查一下有无拼写错误、是...

绥宁县13657936751: 网页制作时CSS+DIV布局问题 -
何乳盐酸: 可能不是你的问题..可能是那台电脑上火狐的显示比例缩小了..可以使用ctrl+鼠标滚轮或者+、-号调整

绥宁县13657936751: 网页布局中的问题 div css -
何乳盐酸: 记得跟你说过了吧~你的盒子 图片什么的不能给他加个宽度?基础还没学好就想做响应式的?还有设定宽度的时候加上单位:如300px.a盒子是大的容器,也就是b,c的父元素.你想让B,C显示在一行你就给B,C都设定宽度或是别写width:auto;然后float:left;要是想按屏幕缩放就设定宽度什么的按百分比来!

绥宁县13657936751: 关于CSS+DIV页面布局的一个小问题
何乳盐酸: 你可以把body设一个宽度沙,这样就不会变形啦 body {width: 960px; }

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网