-
三列布局，中间列实现居中，可以根据左右列的宽度来定义中间列的margin属性查看全部
-
content 内容 padding 内边距(填充物) border 边框 margin 外边距查看全部
-
文档流：将窗口自上而下分成一行一行，并在每行中按从左至右的依次排放元素，即为文档流。 有三种情况使得元素离开文档流而存在，分别是浮动 绝对布局 固定定位查看全部
-
这里是一个排版陷阱：当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，不代表它不存在。查看全部
-
sub_l;sub_r 混全布局：块与块的布局 三种状态：块挨着块，块嵌套着块，块叠压着块。查看全部
-
三列布局，两侧固定，中间自适应。 左可以 .left{width：200px;background:red;height:500px;position:absolute;left:0;top:0;} 右可以.right{width:300px;height:500px;position:absolute;right:0;top:0;background:blue} 中间可以.center{height:500px;background:orange;margin:0 310px 0 210px}查看全部
-
父级 设置父级，使两个布局被限制在页面中间 两列布局，float：left让这列布局浮动到左侧查看全部
-
一列布局适合内容简单主题明了；不适合多行文字，容易串行。 <style type="text/css"></style> .mian别忘了“.” 可以div<text-align：center；font-weight：blod｝使内容居中字体加粗 可以.main，.top｛width：960px;margin：0 auto；｝来简化代码 <div class="*"></div> 清除默认样式：body｛margin：0；padding：0｝ 居中margin：0 auto；查看全部
-
布局又称为板式布局，将网页UI设计师将优先的视觉元素进行有机排列组合。比如淘宝，主要为展示商品。网页布局主要延续纸媒的技巧。但有区别。 1、网页宽度可以自适应宽度。2、理论上长度可以无限延长。高度可以根据内容自适应。 常见网页布局，头部，主体，底部。主体再根据需要分栏，有一二三栏，也即是一列二列三列布局。更多是混合布局。前端就是用技术手段，通过css的浮动，定位实现布局。艺术和技术融合的完美岗位。查看全部
-
网页的主要元素:图片和文字查看全部
-
绝对定位position:查看全部
-
.main{background: red; position:relative} .left{ position:absolute; left: 0; top:0; width: 200px; background: yellow;} .right{ background: green; margin-left: 210px;} 两栏定位其中一个宽度自适应查看全部
-
一栏定位：margin: 0 auto 两栏定位：float left right width 三蓝定位：左右两栏绝对定位 中间 margin: 0 rightwidth 0 leftwidth查看全部
-
float元素的宽高未设置时，默认为内容的宽高查看全部
-
使用浮动float和清除浮动clear来完成混合布局查看全部
举报
0/150
提交
取消