å‰?äº›æ—¶å€™å†™äº†ä¸€ç¯‡å…³äºŽä¸¤åˆ—è‡ªé€‚åº”çš„æ–‡ç« ï¼Œæ—¢ç„¶å†™äº†ä¸¤åˆ—ï¼Œä¸?写写三列想想也过ä¸?去,其实原ç?†åº”该是差ä¸?多的,那么就写了。
首先我的想法是直接让左侧float:left;å?³ä¾§float:right; 然å?Žä¸é—´åˆ©ç”¨hasLayout,实现自适应,最å?Žå°†ä¸é—´éƒ¨åˆ†çš„结构移动到å?³ä¾§çš„下边,测试,结果还真没想到第一次测试就æˆ?功,除了IE6下é?¢è¿˜æœ‰ä¸Šæ¬¡æˆ‘说的IE 3px bug其他æµ?è§ˆå™¨åœ¨æˆ‘æµ‹è¯•çš„èŒƒå›´å†…éƒ½å…¼å®¹äº†ï¼Œä½†æ˜¯è¿™æ ·ä¹Ÿæœ‰ä¸€ä¸ªé—®é¢˜ï¼Œé‚£å°±æ˜¯æ–‡æ¡£ç»“æž„ä¹±äº†ã€‚
然å?Žæˆ‘想一般æ?¥è¯´ä¸¤è¾¹çš„宽度我们都应该是已知的,那么就利用上次的边上ç»?对定ä½?,然å?Žè®©ä¸é—´è´Ÿè¾¹è·?已达到自适应的è¦?求,那么测试,æ£å¦‚我所想这个方法ä¾?然还是那么兼容,而且结构也是ä¸è§„ä¸çŸ©çš„,应该是应用比较实在的一个方案。
暂时自适应å?ªè¯´åˆ°è¿™é‡Œï¼Œå…¶å®žæˆ‘也å?ªæƒ³åˆ°äº†è¿™äº›ï¼Œæ—¢ç„¶æ ‡é¢˜ä¸Šè¯´ç‰é«˜ï¼Œé‚£ä¹ˆå°±è¿˜æ˜¯è¦?ç‰é«˜ï¼Œå°±ç›®å‰?è¦?实现纯CSSç‰é«˜ï¼Œå°±æˆ‘知é?“的,应该就å?ªæœ‰ padding结å?ˆmarginè´Ÿè¾¹è·?抵消法和多层嵌套,废è¯?ä¸?说,测试上,这次试的还ä¸?错,跟一ç§?三列适应的方å¼?,实现ç‰é«˜ï¼Œä½†æ˜¯é—®é¢˜å°±æ˜¯ç»“构还是乱的。
上一篇:浅谈CSS两列自适应布局
下一篇:谈谈�览器检测 BOM
共0评论