css导航栏下拉菜单特效怎样才不会撑开下面内容
1、在下拉菜单的CSS样式中，使用z-index属性来控制下拉菜单的层级，确保其位于其他页面内容之上，但不会重叠和撑开下面的内容。2、在网页布局时，将下拉菜单的位置放在其它内容的空白区域，避免下拉菜单和下面的内容发生重叠或撑开。例如，在菜单下方设定一个空白的容器，只有下拉菜单在里面显示。
3、可以在下拉菜单的CSS样式中，使用像max-height或者overflow属性这样的CSS3属性来控制下拉菜单的高度和溢出方式，当下拉菜单的高度超出最大值时，会自动出现垂直滚动条或隐藏溢出部分，从而不会撑开下面的内容。
绛旓細CSS鑿滃崟 娴忚鍣ㄥ吋瀹 婊氬姩鏉＄浉鍏 鍦嗚鐭╁舰涓撻 CSS鐗规晥娆ｈ祻涓撻 <!--[if lte IE 6]><![endif]--> 07鑹烘湳 <!--[if IE 7]><!--><!--<![endif]--> <!--[if lte IE 6]><![endif]-->
绛旓細CSS淇敼鐨勶紝璺烶HP鏃犲叧 浼拌鍦╝:hover{}鍐呮坊鍔犱簡鏂扮殑鑳屾櫙鍥剧墖
绛旓細1銆侀鍏堣緭鍏ヤ笅鏂圭殑浠ｇ爜锛(window).scroll(function () { var $nav = $(".floatingMenu ul li"),length = $nav.length-1,//鑾峰彇瀵艰埅鑿滃崟 ul li 鐨勪釜鏁 item = new Array(),//鏂板缓涓涓暟缁 sTop = $(window).scrollTop();//鑾峰彇鍋忕Щ鐨勯珮搴 for (var i = 0; i < length; i++) ...
绛旓細寰堢畝鍗曞晩锛岄粯璁ょ殑寮圭獥diplay:none;鐒跺悗hover涓鏈塪isplay:block;灏辫浜嗗晩锛岀畝鍗曚唬鐮佸涓嬶細html锛 棣栭〉 css锛.dialog{diplay:none;}.nav:hover .dialog{diplay:block;}/*涓嶈繃杩欎釜涓嶅吋瀹筰e6锛屽洜涓篿e6鍙敮鎸乤鐨勪吉灞炴э紝褰撶劧浣犱篃鍙互鐢╝*/
绛旓細杩欎釜鍙互鐢╦query瀹炵幇鍛锛屼綘id=nav鐨勯偅涓猟iv鏄笉鏄啓閿欎簡 搴旇鏄痷l鍚э紵棣栧厛鍦ㄩ椤靛紩鐢╦query搴 jquery-1.7.1.mini.js 鐒跺悗鎶婁笅闈㈢殑浠ｇ爜鏀惧湪涓嬮潰灏卞彲浠ヤ簡锛 (document).ready(){ ('#nav li').hover(){ function(){ ('#nav ul').css({'display':'none'});(this).children('ul').css(...
绛旓細涓嬫媺鑿滃崟瑕佽涓虹粷瀵瑰畾浣嶏紙position:absolute锛夌殑锛岃繖鏍峰畠灏辫劚绂讳簡鏂囨。娴侊紝涓嶄細瀵瑰悗闈㈢殑鍐呭閫犳垚褰卞搷锛堝洜涓哄畠涓嶅崰鐢ㄦ甯告枃妗ｆ祦鐨勪綅缃級銆
绛旓細dl dt dd鐨勬爣绛惧拰鍏朵粬鏍囩鍏跺疄閮芥槸涓涓剰鎬濓紝鍙浣犵殑css鍐欏浜嗭紝閮芥槸鑳藉嚭鐜板悓鏍锋晥鏋滅殑锛屽洜涓鸿繖涓湁3绉嶆爣绛撅紝鍥犳鏂逛究css瀹氫箟鏍峰紡锛屾墍浠ユ瘮杈冩祦琛
绛旓細涓嬫媺鑿滃崟瑕 缁濆瀹氫綅锛屾墠涓嶄細褰卞搷鍚庨潰鐨勬爣绛俱傛敞鎰忥細涓嬫潵鑿滃崟鐨勫鍣ㄦ爣绛撅紝闇瑕佺浉瀵瑰畾浣嶏紝鍚﹀垯缁濆瀹氫綅鐨勪笅鏉ヨ彍鍗曡鍦ㄩ〉闈㈤噷涔辫窇鐨勩
绛旓細绗竷琛岀殑鈥100鈥滀负涓嬫媺鍒100涓儚绱犵殑鏃跺欒Е鍙鐗规晥锛屽彲浠ヨ嚜琛屼慨鏀硅嚦鍚堥傜殑楂樺害銆傦紙2锛夌劧鍚庡湪css鏂囦欢閲岄潰澧炲姞杩欎釜灞炴э細杩欐牱灏卞樊涓嶅瀹屾垚浜嗐傝涓嬭繖涓猨s鐨勬剰鎬濓紝鍒ゆ柇涓嬫媺鍒颁竴瀹氶珮搴︾殑鏃跺欙紝缁瀵艰埅鏍鐨刣iv鎻掑叆涓涓漟ixednav鈥滃睘鎬э紝鐒跺悗缁欌漟ixednav鈥滃姞涓婂浐瀹氬湪椤堕儴鐨勫弬鏁般
绛旓細浣犵幇鍦ㄧ殑妯℃澘璁捐灏辫繖鏍凤紝褰撶劧涓嶄細鏄剧ず鎵鏈夌殑瀛椾綋瀵艰埅锛屼綘鍙互鐪嬩竴涓嬭繖骞呭浘鐗囧氨浼氭槑鐧戒簡 杩欐槸涓鍓浘鐗囧鑸摼鎺ョ殑瀵艰埅锛佷綘鍙互鍙傝冧竴涓嬶細http://zhidao.baidu.com/question/109442157.html
