摘要：
right,right,right 1 #wrapper { 2 float: right; 3 margin-left: 400px; 4 } 5 #navigation { 6 float: right; 7 width: 200px; 8 margin-right: -400px; 9 }10 #extra {11 float: right;12 width: 200px;13 margin-right: -200px;14 }15 #footer {16 clear: both;17 }right,right,left 1 #wrapper { 2 ... 阅读全文
摘要：
全部float向左 1 #wrapper { 2 float: left; 3 width:100%; 4 } 5 #content { 6 margin-right: 400px; 7 } 8 #navigation { 9 width: 200px;10 float: left;11 margin-left: -200px;12 }13 #extra {14 width: 200px;15 float: left;16 margin-left: -400px;17 }18 #footer {19 clear: both;20 }left,left, ... 阅读全文
摘要：
width和height原理类似。这里全部使用height举例注意：如果产生滚动条。滚动条将出现在border与padding之间，消耗的是内容区的大小。margin、border、padding不受影响获取尺寸：根据目的不同通常有一下几种方法获取heightoffsetHeight： 获取包括可见内容区、滚动条、内边距、边界之和的高度，这个值与getBoundingClientRect()返回对象中的height相同。scrollHeight: 获取显示全部内容需要的高度加上上下padding，也就是css中height为auto时产生的高度加上上下paddingclientHeight：. 阅读全文