关于网页设计（div+css）中弹性窗口一点小问题。
关于网页设计（div+css）中弹性窗口一点小问题。
具体来讲。就是当拖动窗口边界改变窗口大小的时候,网页中需要显示的内容也能够始终保持在窗口中出现。
例如：就好比百度主页.无论如何改变窗口大小,图标搜索框以及右上角的登陆注册按钮都能够保证显示在窗口中,也就是网页元素会随着窗口大小弹性改变距离.
请问怎样实现这一目标.
实现思路，比如左右居中，就是计算一下当前屏幕宽度，把当前屏幕宽度减去div宽度除以2然后加上滚轴的数值。
你JS要获取的就是屏幕宽度和滚轴数值。
还有一种实现方式，就是HTML5 +css3，不过我不推荐，因为IE6，IE7，IE8不支持。。。
如果不需要你的DIV随屏幕滚动的话就采用这个样式就行
position:absolute;
left:50%;
margin-left:负DIV层宽度的一半.
top:50%;
margin-top:负DIV层高度的一半.追问
你能帮我实现麽？
<div ><span>asd</span></div>
div{ float: right; background: red;}
div span{float: right;margin-right: 1%;}
可以试试，简单的说就是不设置固定宽高，让它随着外界变化而变化追问
果然可以！
那请问这样做（不固定宽高）出的网页会和设计图有出入麽？
兼容性上会有较大影响吗？
这种做法现在一般最多用于手机，因为手机屏幕大小不一样。浏览器的分辨率有的也不同。
与设计图没什么出入，除非浏览器窗口过小的时候会错位。
兼容性这个需要自己调了
我已经将外边距设为自动调节了..但是还是无法实现效果.
我已经将外边距设为自动调节了..但是还是无法实现效果.
网页中如何做到缩放后屏幕后内容不受变化
可以通过响应式布局来实现内容随着屏幕比例变化而变化,下面列出三个简单的响应式方法:例如使用flex布局;flex布局的使用 或者把元素的大小改为百分比单位;百分比单位的使用 又或者使用vh单位和vw单位,他们是基于显示屏的长宽比来计算内容的大小:whvh的使用 ...
CSS3中的弹性框布局Flexbox可以实现的效果有哪些?
.content{min-height:100px;}\/*为防止之后的调整窗口大小是出现影响视觉效果的问题，特设置最小高度*\/ .content,.header{display:-webkit-box;\/*为content,header部分也添加box的展示模式*\/}.nav{-webkit-box-flex:1;}.con2{-webkit-box-flex:1;} .con1{width:200px;background:#f99;}\/*固...
使用css主要有哪几种布局方式(常用的css布局)
4、混合布局：在一列布局的基础上，保留top和foot部分，将中间的main部分改造成两列或三列布局，小的模块可以再逐级同理划分。css3设计模式，常用布局1.css3常用的布局有多栏布局、多列布局、弹性布局、流式布局、瀑布流布局和响应式布局。2.float浮动布局，absolute绝对定位，flex弹性盒子，table表格布...
静态网页设计制作中的布局模式
1、布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见与pc端。2、设计方法：PC：居中布局，所有样式使用绝对...
网页制作都包括哪些技术?
不符合标准的网站无法使用或容易出错的，标准可以涉及到正确的页面布局的可读性，以及确保适当地关闭了编码元素。DOCTYPE声明，这是用来突出显示代码中的错误。系统识别错误和不符合网页设计标准。3、视觉设计 良好的视觉设计网站上的标识，其目标市场。这可以是一个年龄组或特定的文化链，因此，设计人员应...
关于网站兼容分辨率的问题~~~最后高分
常见的解决方法有两种： 第一种：用javascript根据不同的客户端分辨率，选择css样式表文件。 第二种：采用弹性布局（Fluid Width Layout），实现网页宽度的自适应。 第一种方法的优点是，可以根据不同屏幕分辨率，采用完全不同的布局，缺点是要设计和维护多张样式表，比较麻烦。第二种方法只采用一张样式...
CSS3布局方式有哪些?
1.静态布局 ——最传统的布局方式，网页中所有尺寸都是由px作为单位，设置了min-width,如果宽度小于就会出现滚动条，如果大于这个宽度则内容居中外加背景 实现方式：PC：居中布局，所有样式使用绝对宽度\/高度(px)，设计一个Layout，在屏幕宽高有调整时，使用横向和竖向的滚动条来查阅被遮掩部分；移动设备...
如何提前布局web3?
1.静态布局(StaticLayout) 即传统Web设计,对于PC设计一个Layout,在屏幕宽高有调整时,使用横向和竖向的滚动条来查阅被遮掩部分;? 意思就是不管浏览器尺寸具体是多少,网页布局就按照当时写代码的布局来布置;? 对于移动设备,单独设计一个布局,使用不同的域名如wap.或m.。 2、弹性布局 弹性布局是CSS3引入的强大的布...
...INTERNET信息服务树型目录,找不到dreamweaver网站,为什么
1. 用Dreamweaver 4.0轻松设计会自动弹性调整的网页 首先需要保证的是你的页面内容采用了表格的格式，然后打开你要编辑的页面，按“Ctrl+F6”或者菜单“View→TableView→Layout?View”转换到布局视图。这时可以看到单元格的列宽，在列宽数字的旁边还有一个小小的下拉式箭头，点击你要设定弹性显示的列上方的...
CSS中如何设置DIV自动满屏幕?
<style> main{ width:100%;height:60px;float:left;background:#0F0;} left{ height:50px;width:200px;background:#90F;float:left;} right{ width:100%;background:#FF0;height:200px;} <\/style> <\/head> <body> <div id="main"><\/div> <div id="left">222222222222<\/div> <div...
