-
绝对定位和float配合效果查看全部
-
一般是布置固定布局 若限制浮动布局了加一个父级元素限制宽度定位查看全部
-
框架自适应网页布局 需用百分比查看全部
-
宽度高度用百分号来设置说明是自适应查看全部
-
父级高度没定义造成浮动查看全部
-
margin要注意加单位查看全部
-
此小节若right不设置右浮动 则会从左上开始显示，并且会被浮动的left挡住部分查看全部
-
绝对定位和浮动脱离文档流 而相对定位不能查看全部
-
利用百分比可以达到自适应效果查看全部
-
clear:both是用来清除紧邻后面元素的浮动，如前一个div左浮动了，后面的div就会与其同行，假如你不想两个div同行显示，想让后面的div单独一行，你就可以用clear:both 而overflow:hidden还需要加上一句width:100%方可实现浮动清除，它一般用于清除父元素和子元素之间的浮动影响。这样看来，第一个清除浮动方法可看做是兄弟元素之间浮动的清除。查看全部
-
position：absolute这个是绝对定位； 是相对于浏览器的定位。 比如：position：absolute；left:20px;top:80px; 这个容器始终位于距离浏览器左20px,距离浏览器上80px的这个位置。 position：relative是相对定位，是相对于前面的容器定位的。这个时候不能用top left在定位。应该用margin。 比如：<div class="1"></div><div class="2"></div> 当1固定了位置。1的样式float:left;width:100px; height:800px; 2的样式为float:left; position：relative；margin-left:20px;width:50px; 2的位置在1的右边，距离120px查看全部
-
三列布局，两边固定宽度，中间自适应宽度 .left{ width:200px; height:600px; background:#ccc; position:sabsolute; left:0; top:0} .main{ height:600px; margin:0 310px 0 210px; background:#9CF} .right{ height:600px; width:300px; position:absolute; top:0; right:0; background:#FCC;}查看全部
-
float:left ->左浮动(定义元素在哪个方向浮动) float:right ->右浮动 text-align:left; -> 文字的对齐是左对齐查看全部
-
文档流：将窗口自上而下分成一行一行，并在每行中按从左至右的依次排放元素，即为文档流。查看全部
-
一列布局（头、中、尾；居中显示；设置字体背景色等）： <style type="text/css"> body{ margin:0; padding:0; font-size:30px}//—————— div{ text-align:center; font-weight:bold} .main,.footer{ width:300px; 【任务1】} .head{ width:100%; height:100px; background:#ccc} .main{ height:300px; background:#FCC;margin:0 auto} .footer{ height:50px; background:#9CF;margin:0 auto} </style>查看全部
举报
0/150
提交
取消