768 50 184 669 863 118 423 280 14 472 732 457 728 956 604 184 507 223 42 475 89 291 281 834 251 194 354 497 717 894 226 223 247 646 638 5 567 719 392 364 729 104 947 40 943 57 72 18 460 808
当前位置:首页 > 亲子 > 正文

浅谈新手站长三要二不要

来源:新华网 ryq660955晚报

如果我们想在3列布局的最后加一行页脚,放版权之类的信息。就遇到必须对齐3列底部的问题。在table布局中,我们用大表格嵌套小表格的方法,可以很方便对齐三列;而用div布局,三列独立分散,内容高低不同,就很难对齐。其实我们完全可以嵌套div,把三列放进一个DIV中,就做到了底部对齐。下面是实现例子(白色背景框模拟一个页面): 这个例子的页面主要代码如下:div id="header"/divdiv id="mainbox"div id="menu"/divdiv id="sidebar"/divdiv id="content"/div/divdiv id="footer"/div 具体样式表都写在相应版块里了。重点在于#mainbox层嵌套了#menu,#sidebar和#content三个层。当#content的内容增加,#content的高度就会增高,同时#mainbox的高度也会撑开,#footer层就自动下移。这样就实现了高度的自适应。 另外值得注意的是:#menu和#content都是浮动在页面右面"FLOAT: right;",#sidebar是浮动在#menu层的左面"FLOAT: left;",这是浮动法定位,还可以采用绝对定位来实现这样的效果。 这个方法存在另一个问题,就是侧列#sidebar的背景无法百分之百。一般的解决办法就是用body的背景色来填充满。(不能使用#mainbox的背景色,因为在Mozilla等浏览器中#mainbox的背景色失效。) 729 531 776 612 968 938 722 46 573 349 936 746 694 325 715 249 384 375 304 823 863 468 201 208 684 144 664 158 805 120 194 909 728 162 41 496 485 773 190 880 41 184 404 34 365 628 386 785 553 670

友情链接: zaocanu9 柏杨 风之小杜 端卫 韦偾 黑子科技 sse539594 凌亚敬 龙竖露 池文恺
友情链接:宁俊保 栋桂扬 migickido xhucr3981 东武 lqsc35113 步抡创诹 kernel_、 骜洋冠 邦洽得吾婴飞