-
margin:0 auto查看全部
-
so good.查看全部
-
混合布局; 1、宽度自适应：不设置宽度； 2、样式加载：样式按从上往下排序，写在前面的先加载； 3、兼容ie6：不能用浮动float，只能先设置父元素main为相对定位relative作为参照定位，后设置其子元素(right、left)为绝对定位absolute，并设置其具体位置。 4、如不给right设置外边距margin，则其自适应宽度会与其中的文字同宽； 5、由于left的width为200px，则right的margin-left为210px，因此right与left的间隔为10px； 6、由于right为main的首个子元素，因此默认叠加在main上面，无需设置绝对定位。查看全部
-
clear:both 清除浮动查看全部
-
总结：利用float和position:absolut来布局网页中的元素。 1）自适应：用%来写，比如20% 80%。 2）如果三列自适应，左边20% position:absolute，右边20% position:absolute，中间margin:0 20%查看全部
-
三列布局 【1】左右列固定宽度，中间列自适应。 【2】左侧绝对定位：宽；高；position：absolute;left:0;top:0; 【3】右侧绝对定位：宽；高；position：absolute;right:0;top:0; 【4】中间宽度定位：高；margin:0 (right宽度+间隙宽度)px 0 (left宽度+间隙宽度)px; 上右下左，左右调节大小可查看全部
-
三列布局 （1）自适应宽度不应该用float，应该用positon （2）left和right为固定宽度，中间部分自适应查看全部
-
position:fixed、position:absolute：提升了一层高度（1层），脱离了文档流 float：提升了半层高度（0.5层），没有脱离文档流 position：relative：没有提升高度（0层高度），没有脱离文档流查看全部
-
在浏览器中水平居中 margin:0 auto margin外边界，上面含义：上下边界为0，左右居中auto查看全部
-
一列 ：类 ：宽度、高、居中；margin:0 auto 二列：类：宽度、高度、浮动；float:left、right 三列：类：宽度、高度、绝对定位；position:absolute；left:0；top:0 混合：类：宽度、高度、<添加类 宽高；浮动 左右>查看全部
-
不能有汉字 不然不识别之后的代码查看全部
-
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{margin:0;padding:0;font-size: 14px;} .left{background: grey;width: 200px;height:500px; position: absolute; left: 0;top: 0; } .right{background: green;width: 300px;height:500px; position: absolute; top: 0;right: 0; } .middle{background: red;height: 500px;margin:0 310px 0 210px;} </style> </style> </head> <body> <div class="left">200px</div> <div class="middle">随着互联网的发展速度迅猛，前端工程师职业越来越火热，该路径从基础知识到实战案例演练，一步步为您打开WEB前端工程师大门。还在等什么？快来学习吧!</div> <div class="right">300px</div> </body> </html>查看全部
-
最简单的水平居中：margin:0 auto 也可以像以前那样 position left：50% 然后再移动自身的一半查看全部
-
固定宽度的元素排成一行时用float，存在自适应宽度元素的若干元素排成一行时用position查看全部
-
这里是一个排版陷阱：当main里面设置了左右两个div之后，这个时候不要忘记给main也设置和左右div一样的高度，题中的main是没有设置高度的，只设置了宽度，这个时候我们可以想象main其实就是一根高度为0的线条浮在top的下面，只是我们看不到，因为它没有高度。而footer是浮在main下面的，并不是浮在左右两个div下面，所以我们看到footer块莫名其妙跑上来盖住了左右两个div，解决办法如下： 第一，给main赋予和左右div同样大小的高度，这个是最直接的方法，main的高度从0变成600px之后，自然把以它为参照、浮在它屁股下面的footer压到下面去了； 第二，把footer的浮动清除掉，使用clear：both，这样footer从一个跟着main浮起来的飞行物变成了失去翅膀的元素，不能浮动，它就只能自动找最长的参照物（也就是很长的左右div），然后折行显示在底部了，一样能达到效果。 如果还不懂，可以将main的高度设置为height：300px，就一目了然了，因为这个时候main变成了300px，而footer会跟着main低300px显示在top下面。我们看不到main，不代表它不存在。查看全部
举报
0/150
提交
取消