图片自适应屏幕大小显示主要是利用百分比来控制，切忌给图片宽度一个固定值如下代码html代码pimg src=quot图片地址quotalt=quotquotp此时的css可以写成imgboximgwidth100%这样，图片的大小就会根据其父级容器的大小而变化，图片的宽度只设置百分比，这样可以根据浏览器窗口的大小变化而随时调整。

以 43 为例， 想要DIV按照这个宽高比，在网页中随着横向的伸缩，在纵向上等比伸缩， 用一个外围DIV来包裹它，且将这个外围DIV称之为Wrapper， Wrapper 的CSS样式如下这个Wrapper的宽高比就是 43 ， 其中的奥妙就在于 paddingbottom75% ， paddingbottom 是相对宽度的也就是整个Wrapper的高度。

CSS设置div边框颜色宽度和高度步骤如下1新建一个html文件，创建一个类名为wrap的div2先通过css类选择器选择到div来控制div的宽度和高度和背景颜色没有边框时方便看出来div的大小3通过div 的border属性控制边框颜色，设置border的宽度为2px，线型为实线，颜色为蓝色4这样就可以设置。

在表格要限制大小的单元格内先加ltdiv标记，而要放入lttd的所有内容，则放入ltdiv之中然后用样式限制ltdiv的大小即可例如lthtml lthead ltmeta。

设置DIV的大小实现隐藏 将div的宽度和高度设置为零，也可以达到隐藏的效果*示例* div width0pxheight0pxoverflowhidden*规定当内容溢出元素框时隐藏防止div大小设置为零，里面的文本却还是显示* html显示隐藏divdiv的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白1。

在css设置可改变大小的div滚动条样式方法1首先新建html文档，进入代码书写界面2在lthead和ltbody的里面写入代码，在ltdiv里面写入想要输入的内容ltdiv3书写外层轨道css代码bodywebkitscrollbar width20px height2px background#ccc borderradius10px*外层轨道*。

1首先如图所示的web结构即一个html和css即可实现2打开html页面 定义一个大的div和两个小div 如图所示3最常用的float浮动，只要两个小div的宽度小于等于大div的宽度，即可实现并排了4使用position进行绝对定位，然后使用marginleft除去第一个小div的宽度即可5使用table盒子实现div并排。

应该在第一行写一个div包含div1和div2，在这个大div的结尾标签之前写一个div属性是清除所有浮动因为浮动貌似会影响自适应的，另外div的高度尽量都用auto。

1首先，先在代码中输入positionfixed top 0 left 0这样的作用是让整个图片固定在屏幕上2之后，再把背景图片的大小自动适应DIV大小，当图片自动适应时，既可以就进行缩放3输入backgroundsize coverwebkitbackgroundsize coverobackgroundsize cover使图片随屏幕大小同步。