-
三列布局自适应 左右同时给绝对定位 中间给左右的margin值查看全部
-
margin 0 auto查看全部
-
网页分列布局常见查看全部
-
clear:both; //清除两边元素的浮动对他的影响 overflow: hidden; // 用在浮动元素本身清除对父元素的影响查看全部
-
clear:both; //清除两边元素的浮动对他的影响 overflow: hidden; // 用在浮动元素本身清除对父元素的影响查看全部
-
一列布局，简单明了，突出，适合简单的查看全部
-
1：网页布局：又称版式布局，是网页UI设计师将有限的视觉元素进行有机的排列组合，将理性的思维个性的化的表现出来，是一种具有个人艺术特色的视觉传达方式。传达信息的同时有美感。 网页设计特点（相对纸媒来说） 1、网页可以自适应宽度 2、网页的长度理论上可以无限延长 3：页面为：头部，主体部分，底部。 分栏又称为分列：一列布局 二列布局 三列布局 以及混合布局（用的最多） 布局通过 浮动和定位来完成(实现ui界面效果查看全部
-
- 宽度自适应：maigin：0 auto - 采用设置position为absolute的方法来实现 左侧固定宽度，右侧自适应大小的需求时，应该设置他们的父容器为relative方式，否则top的0点为左上角而不是父容器的左上角。当然也可以不设置，那样的话top值就应该为div标签top的高度，也可实现相同的效果。 - 右侧先加载则应该把right div标签放在left前，符合文件从上至下的读取加载的顺序。 - 兼容IE6不能用浮动查看全部
-
转： 兼容IE6不能用浮动，而且当子元素要设定为absolute的时候，父元素要设定relative才可以。 要右侧自适应，则左侧left应该定宽并且position：absolute。 加载顺序先右后左div的顺序为先右后左查看全部
-
不用float，用绝对定位定三列布局查看全部
-
position与float的关系？以及什么时候使用position，什么时候使用float? 原因分析：使用float，如果左右列都是定宽，浏览器不用计算就能布好局，此时使用float会非常方便，但如果其中有一列的宽不确定，此时浏览器就会根据所在列的内容宽度来确定这个列的宽度，而且随着浏览器窗口的变化，有可能让网页的布局乱掉，产生颤动感。为了解决这个副作用，就要使用position定位这个功能 使用这个功能的原理，主要是利用块状元素默认充满整行的特性，实现了宽度随窗口的变化而变化。但此时左列就有可能在它的上方或下面（根据加载顺序不同），为了让他们“显示”成同一列，只好让定宽的一列漂浮起来（使用绝对定位），同时为了不让定宽的列和不定宽的列，不会产生重合，就要设置margin-left,right的值，为定宽的列空出位置。同时，为了实现绝对定位，也要设置父容器的position为相对定位，这样就可以给不定宽的子窗口提供参考物。 总结：1左右列定宽，用float方便 2有自适应，不定宽需要就用position查看全部
-
1.要兼容IE6，所以尽量不要使用float，用绝对定位或者相对定位就可以了 2.在这里先加载的意思就是把right写在前面的div，left写在后面的div查看全部
-
清除浮动的方法： 1.clear:both; 清除两边元素的浮动对他的影响 2.overflow:hidden; 在设置了width 或 height 的div中，超出父元素宽度或高度的部分，就隐藏了。查看全部
-
.top{height:100px;background:grey;} .main{height:600px;background:red;position:relative;} .left{height:600px;background:blue;width:200px;position:absolute;top:0;left:0;} .right{height:600px;background:green;margin-left:210px;} .foot{height:80px;background:coral;} 对main进行relative相对定位，然后.left就可以以mian为基础进行绝对定位。最好不要直接对left进行绝对定位，因为会将left从文档流中脱出来，对以后编程造成影响（这个不确定是不是这样，自己感觉。）查看全部
-
左边固定 右边自适应查看全部
举报
0/150
提交
取消