-
body{ margin:0; padding:0; font-size:30px; color:#fff} .top{height:100px;background:#ccc;} .main{height;600px;background:red;position:relative;} .left{width:200px;height:600px;background:blue;position:absolute;left:0;top:0;} .right{width:100%;height:600px;background:green;margin:0 0 0 210px;} .foot{height:100px;background:yellow;clear:both;} </style> </head> <body> <div class="top">top</div> <div class="main"> <div class="right">right</div> <div class="left">left</div> </div> <div class="foot">foot</div>查看全部
-
clear:both; //清除两边元素的浮动对他的影响 overflow: hidden; // 用在浮动元素本身清除对父元素的影响 overflow：hidden的意思是超出部分不显示，就是假如你的div是300*400的，但在里面插入一张400*500的图片，图片就会跑出那个div里面，用了这个属性和属性值后，图片超出300*400这个范围的内容不显示出来。而clear：both仅仅只是清除左右两边的浮动而已查看全部
-
要点回顾： 其实在网页制作当中，页面中的元素就是块与块之间的关系： 块挨着块；块嵌套着块；块叠压着块 通过css将这些块摆放正确，网页布局就自然完美了。 1、margin:0 auto 自动居中 2、两种分成三栏的方式： 1）两边position：absolute，left：0/right：0，top:0， 中间margin｛0 右边 0 左边｝ 2）先分两栏 左右float 再分两栏左右float查看全部
-
两列布局用float； 三列布局 左右position:absolute 中间 margin:上 右 下 左 (距离整个版面的左右侧) left和right设置完定位后脱离文档流，所以main需要校父级body来算margin查看全部
-
三列布局：不能使用float，左右两列绝对定位，分别靠左和靠右，中间列为相对定位，左右margin分别设置为左右两列的宽度即可查看全部
-
在两列之间加间距 position:relative;right:-20px;查看全部
-
、两列布局： 1、宽度自适应（用的比较少）， 1.1因为宽度要自适应，所以要设置左侧left的width:xx%；1.2，需要左右排列，所以设置float:left；1.3另一侧right也设置width和float(left和right都可以吧，再微调) 2、固定宽度（☆☆☆☆☆）left和right增加一个父div#main,设置这个main的width，以及margin 0 auto；2.1如果要精确控制left和right的宽度，可以使用px【就是说也可以使用%粗略控制。】查看全部
-
这两个 css 设置，可以让元素脱离文档流（） 浮动和绝对定位查看全部
-
margin:0 auto;是块状元素的居中对齐方式，text-align:center;是内联元素（如，a,img标签)的对齐方式，padding:0;margin:0;是做为初始化页面，原因是页面在被各个浏览器读取时的理解不同产生不同的展示效果，所以需要清除.查看全部
-
1：网页布局：又称版式布局，是网页UI设计师将有限的视觉元素进行有机的排列组合，将理性的思维个性的化的表现出来，是一种具有个人艺术特色的视觉传达方式。传达信息的同时有美感。 网页设计特点（相对纸媒来说） 1、网页可以自适应宽度 2、网页的长度理论上可以无限延长 3：页面为：头部，主体部分，底部。 分栏又称为分列：一列布局 二列布局 三列布局 以及混合布局（用的最多） 布局通过 浮动和定位来完成(实现ui界面效果查看全部
-
清除浮动有两种方法：1.clear:both 2.overflow:hidden查看全部
-
再写一遍查看全部
-
重点 要仔细看查看全部
-
再看一下查看全部
-
qerfqwe查看全部
举报
0/150
提交
取消