-
布局方式 http://img1.sycdn.imooc.com//5479259c000121551 div于之间的关系：紧邻，嵌套，叠压 http://img1.sycdn.imooc.com//547925c70001eafc12000530-120-68.jpg2000530-120-68.jpg http://img1.sycdn.imooc.com//547926220001085412000530-120-68.jpg查看全部
-
两列布局：自适应的两列布局：width用百分比+float； 固定宽度的两列布局：width：具体值/父级元素的宽度确定，width+百分比；+float; 如果没有加float的话，不能实现并排的两列布局。 我认为（欢迎指正）： div作为外联元素独占一行，使后面的元素在下一行（设置display：inline/inline-block可以达到float效果） 另外一种设置两列布局（固定宽度+自适应宽度）的方法： position：relative——父元素：相对定位（因为不设置偏移量时，它还是在原来的位置，不影响其位置） position：absolute——子元素：绝对定位（通过设置top :0;margin/left设置其与另一边的位置使其位于同行的另一侧） 注意：固定宽度的列的高度>自适应的列的高度查看全部
-
使<div>居中：margin：0 auto;（注意这个div的width不能是占满视图的！=100%） 一列布局适用于介绍性文档查看全部
-
排版布局：float:right/left;常用于两列布局（还是在正常的文档流中，并没有脱离文档流）；position:absolute(相对于浏览器窗口视图进行绝对定位）/relative(相对于原来位置进行移动）/fixed(相对于视图的绝对定位，且不随滚动而发生改变 如jq22.com左侧的导航栏）查看全部
-
三层布局的多种方法： 1、利用position进行三列布局的排版： .mainbody{width:960px;}//包裹在外面的mainbody .left{width:200px;position:absolute;left:0;top:0;}//position:absolute;是相对于浏览器窗口的绝对定位,即使外层包裹的mainbody怎么改变margin和padding都不改变;position:relative;是相对于标准文档流中其原来位置的的定位； .middle{width：400px;background:yellow;margin:0 20px}//相当于在文档流中正常显示，不受left和right的影响，用float的话会有很多影响 .right{width:320px;background:blue;position:absolute;top:0;right:0;} 2、利用float 如果有多个float：left，后者知道前者的float存在，不会遮挡它，与其相邻。 3、float与position并用。查看全部
-
模块之间的关系：紧邻，嵌套，叠压；查看全部
-
http://img1.sycdn.imooc.com//5477f23900010a4c12000530-120-68.jpg 如果需要有空隙，可以多设置一些左右的margin值；查看全部
-
浮动（float）和 绝对定位（position：absolute） 可以让元素脱离文档流查看全部
-
网页可以用100% 来实现根据浏览器宽度自适应 网页的长度理论上可以无线延长； 常见网页布局：头部，内容主体（可分栏），底部；查看全部
-
还要好好思考查看全部
-
记一下查看全部
-
浮动（float）和 绝对定位（position：absolute）查看全部
-
直接用绝对定位，然后，直接使用top让left处在相应的位置，这样好吗？查看全部
-
三列布局：两列固定，一列自适应 固定两列采取绝对定位 自适应部分利用margin值与其他两列分隔开查看全部
-
盒子之间的三种关系： 1、相邻 2、嵌套 3、层叠 我们要做的就是摆放好盒子的位置。查看全部
举报
0/150
提交
取消