-
1，relative（相对定位）的定位原点是以自己本省原来所在位置做为原点的。 2，absolute（绝对定位）的定位原点是离自己这一级元素最近的一级position设置为absolute或者relative的父元素的左上角为原点的，（当然，如果自己的所有父元素都没有设置position，那么就以body为定位原点）查看全部
-
兼容IE6不能用浮动，而且当子元素要设定为absolute的时候，父元素要设定relative才可以。查看全部
-
设置了float和position：relative属性后，元素脱离了文档流，如果使用margin和padding属性应特别注意。查看全部
-
视觉上好像没问题，不知道有没有细节问题了...请多指教~查看全部
-
混合布局其实是在单列中把其中某一列分为多个class，按多列布局处理查看全部
-
1.任务top，foot宽度自适应：则不必设置其宽度，只需设置高度及背景色 2.父级(main)高度及背景色，相对定位position:relative， 设置左侧宽度，高度 ，背景色，再相对于父级绝对定位position：absolute 再固定位置left:0,top:0 右侧设置高度及背景，自适应则设置margin：上0 右0 下0 左侧宽+10px 3.右侧先加载，则右侧div写在左侧上面，写代码时先写右侧再写左侧 4.兼容IE6不能用浮动，而且当子元素要设定为absolute的时候，父元素main要设定position:relative才可以。 兼容IE6不能用浮动，而且当子元素要设定为absolute的时候，父元素要设定relative才可以。 要右侧自适应，则左侧应该定宽并且position：absolute。 加载顺序先右后左div的顺序为先右后左 CSS布局笔记：<br> 1.使用margin:0 auto；使得div居中;<br> 2.使用float为left和right使得两个div处于同一行；<br> 3.使用百分比宽度实现宽度自适应，使用绝对值使得宽度固定；<br> 4.使用position:absolute实现div绝对定位，在三列布局中使得最左和最右绝对定义，中间可自适应；<br> 5.混合布局可使用嵌套的方式，在横向header、main和footer，然后在main中使用两列或三列布局。 1，relative（相对定位）的定位原点是以自己本省原来所在位置做为原点的。 2，absolute（绝对定位）的定位原点是离自己这一级元素最近的一级position设置为absolute或者relative的父元素的左上角为原点的，（当然，如果自己的所有父元素都没有设置position，那么就以body为定位原点）查看全部
-
<style type="text/css"> body{ margin:0; padding:0; font-size:30px; color:#fff} .top{width:auto; height:100px; background:#CCC;} .main{width:900px; height:600px; background:#cbb; margin:0 auto;} .left{width:200px; height:600px; float:left; background:blue;} .right{width:690px; height:600px; float:right; background:green;} .foot{width:auto; height:100px; background:#999;} </style>查看全部
-
网页制作当中，页面中的元素就是块与块之间的关系，有3种状态：块挨着块，块嵌套着块，块叠压着块，通过CSS样式将块摆放正确，网页也就完美了。查看全部
-
网页布局：又称版式布局，是网页UI设计师将有限的视觉元素进行有机的排列组合。将理性的思维个性化的表现出来。 网页设计： 1.特点：网页可以自适应宽度；网页的长度理论上没有限制 2.分栏又称分列，常见的布局分为： 一列布局 两列布局 三列布局 混合布局查看全部
-
网页布局：又称版式布局，是网页UI设计师将有限的视觉元素进行有机的排列组合。将理性的思维个性化的表现出来。 网页设计： 1.特点：网页可以自适应宽度；网页的长度理论上没有限制 2.分栏又称分列，常见的布局分为： 一列布局 两列布局 三列布局 混合布局查看全部
-
rgb(xx,xx,xx)表示三原色：红，绿，蓝 十六进制表示颜色：#ffoooo,也是两位两位看rgb，ff表示255，计算方法，即16位数字中的十位数*16+个位数查看全部
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>混合布局编程挑战</title> <style type="text/css"> body{ margin:0; padding:0; font-size:30px; color:#fff} .top{height:100px; background:#ccc} .main{background: red} .left{ width:200px; height:500px; background:blue; position: absolute;top:100px;left:0} .right{ margin-left:210px;height:500px; background:#9C9;} .foot{ height:50px; background:#F63 } </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> </body> </html>查看全部
-
1.如果是要清除浮动影响的是浮动对象的父对象： 建议采用：设置父对象的overflow:hidden; 2.如果要清除浮动影响的是浮动对象后边紧邻的对象 建议采用：clear:both;查看全部
-
.left{ width:200px; height:600px; background:#ccc; position:absolute; 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/right 属性 1.自适应，用百分比%分配宽度，当拖动浏览器窗口时，按设置做相应变化，此方法比较少用 2.固定宽度，用px明确指定宽度， 限制左右在父级框中查看全部
举报
0/150
提交
取消