css下拉菜单显示时会把下一div挤开-CSDN论坛

css下拉菜单显示时会把下一div挤开

Web 开发 > HTML(CSS)

收藏回复

[问题点数：20分]

⋅samson_www的留言板 ⋅css下拉菜单显示时会把下一div挤开 ⋅WINSERVER 2008 IIS 的缺陷,哪个遇到过???? 更多帖子 关注私信空间博客 版主 samson_www 等级 本版专家分：147 结帖率 70.83%: <div>css菜单</div>
<div></div>
但css的下拉菜单没有显示是两个是连在一起的，但是一旦显示下拉菜单，两个div之间就显示出一块空白区域，我希望css的下拉菜单显示出来而不改变页面布局。
那个兄弟帮个忙。

2009-05-08 10:40:51

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅求一个正则表达式 ⋅checkbox disabled="false" 后执行不了点击事件？ ⋅HTML页面会多出字来？ 更多帖子 关注私信空间博客 kendyjack 等级 本版专家分：6610: 贴你的代码出来看看

2009-05-08 10:42:45

点赞只看TA 引用举报 #1得分 0

⋅samson_www的留言板 ⋅css下拉菜单显示时会把下一div挤开 ⋅WINSERVER 2008 IIS 的缺陷,哪个遇到过???? 更多帖子 关注私信空间博客 版主 samson_www 等级 本版专家分：147: <!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 content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>无标题 1</title>
<style >
dd{
display:none;
}
dl:hover dd,a:hover dd{
display:block;
}
a:hover{
border:0;
}
</style>
</head>

<body>

<dl>
<dt><a href="#">一级菜单</a></dt>
<dd><a href="#">二级菜单</a></dd>
<dd><a href="#">二级菜单</a></dd>
<dd><a href="#">二级菜单</a></dd>
</dl>

<div>

<object data="flash/flash3.swf" type="application/x-shockwave-flash" height="202" style="width: 932px">
<param name="movie" value ="flash/flash3.swf" wmode="transparent"/>
<param name="wmode" value="transparent" />
</object>
</div>

</body>

</html>

2009-05-08 10:50:17

点赞只看TA 引用举报 #2得分 0

⋅求一个正则表达式 ⋅checkbox disabled="false" 后执行不了点击事件？ ⋅HTML页面会多出字来？ 更多帖子 关注私信空间博客 kendyjack 等级 本版专家分：6610



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

<title>kendyjack测试专用</title> 

<style > 

dd{ 

display:none; 

} 

dl:hover dd,a:hover dd{ 

display:block; 

} 

a:hover{ 

border:0; 

} 

</style> 

</head> 



<body><div style="height:30px;"> 

<!--[if lte IE 6]> <a href="#"> <table> <tr> <td> <![endif]--> 

<dl> 

<dt> <a href="#">一级菜单 </a> </dt> 

<dd> <a href="#">二级菜单 </a> </dd> 

<dd> <a href="#">二级菜单 </a> </dd> 

<dd> <a href="#">二级菜单 </a> </dd> 

</dl> 

<!--[if lte IE 6]> </td> </tr> </table> </a> <![endif]--></div> 

<div> 



<object data="flash/flash3.swf" type="application/x-shockwave-flash" height="202" style="width: 932px"> 

<param name="movie" value ="flash/flash3.swf" wmode="transparent"/> 

<param name="wmode" value="transparent" /> 

</object>

</div>

<div>22222222222222222222</div> 

<div>33333333333333333333</div> 



</body> 



</html>

2009-05-08 11:10:01

点赞只看TA 引用举报 #3得分 0

收起

收藏回复

samson_www

等级：

关注私信 TA的帖子

div+css下拉菜单效果实现: 这篇博客主要是如何用div+css去完成下拉菜单效果的简单教程，适合和我一样刚入门的小伙伴，下拉菜单效果在网上很多插件，而我在自己写一个之前用的是bootstrap的下拉菜单效果，首先讲一讲完成效果，这个主要是用在...

CSS常见问题及解决（三）自己写下拉框逻辑，鼠标离开下拉框时，下拉出来的div会消失: 下拉框在鼠标放到下拉出来的框的时候，下拉框消失，本应该是不管鼠标在下拉框内还是在弹出下拉框的div内，都应该使下拉框浮现下拉框： 1、将hover事件监听到下拉框和弹出下拉框的div的父级元素...

div+css 下拉多级弹出菜单: 1）二级菜单代码首页网页版式自适应宽度 ...2）先把二级菜单的背景和浮动清除掉，增加以下css代码： #menu ul li ul li { float:none;} #menu ul li ul li a {background:none;}

经典DIV+CSS下拉菜单: 符合WEB标准的CSS下拉导航菜单布局及css下拉菜单模板 HTML代码如下 <ul id="nav"> <li><a href="###">div+css</a> &...

经典的 div + css 鼠标 hover 下拉菜单: 经典的 div + css 鼠标 hover 下拉菜单 效果图：源码： <html> <head> <meta charset="utf-8"> <style type="text/css"> nav {...

只使用css显示隐藏一个下拉菜单: 只用css的hover显示一个下拉菜单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>下拉菜单</title> <style> *{margin:0px;padding:0px;} ...

css实现列表下拉菜单_逐行：点击打开下拉列表和菜单的高级CSS技巧: css实现列表下拉菜单by David Piepgrass 由David Piepgrass 逐行：点击打开下拉列表和菜单的高级CSS技巧 (Line-by-line: advanced CSS tricks for click-to-open drop-down lists and menus) For as long as I can...

CSS实现下拉菜单: 1.知识点定位postition 浮动float 展示display 2.实现效果 3.代码 <!DOCTYPE html> <...下拉菜单</title> <meta charset="utf-8"> <style> ul { list-...

css下拉菜单样式_CSS样式下拉菜单: css下拉菜单样式Introduction: 介绍： As we all know that the styling website or web pages are an important aspect of web development. One must put utmost attention to the styling of their web pages ...

css 怎样给div下拉菜单添加过渡动画效果: 比如高度从30变成300,这样就会让人机交互更自然，比如鼠标经过下拉菜单显示之类的通过transition可以给指定属性添加动画效果请看代码 transition: all 表示所有属性，当然，你可以根据自己需要指定某些属性，比如...

JavaScript+CSS+DIV 实现下拉菜单: 实现过程中需要注意：表示距离的数字后面要加单位 <!DOCTYPE html> &...下拉菜单示例</title> <script language='javaScript'> function show(m

html+css实现菜单栏缓慢下拉效果: 目标：利用css实现鼠标移到菜单栏时，菜单栏会缓慢出现的效果我们可以用两种方法来解决这个问题方法一：过渡（transition）对forum-1开启绝对定位(absolute)，让里面的li从其父元素中脱离出去，不然会把之后的...

html二级菜单:DIV+CSS制作二级菜单（横排二级下拉菜单）以及二级菜单出现错位怎么解决: DIV+CSS制作二级菜单（横排二级下拉菜单）以及二级菜单出现错位解决方法

三种方法解决纯css下拉菜单鼠标移入菜单内容时菜单隐藏消失的问题: 假设我们希望导航栏上有一个元素（以下简称“菜单标题”），把鼠标移到标题上面时其下方会弹出一列菜单，鼠标离开时菜带又隐藏起来。然而，当试图把鼠标从菜单标题移到菜单内容中时，菜单竟然也隐藏了。我的菜单...

css隐藏下拉菜单的设置，当鼠标放上去时，自动显示下拉菜单: html部分： .... ..... ..... css部分: #a ul li{ display:none } #a ul li:hover li{ display:list-item; } 在li里写上内容，就能实现；

纯CSS设置下拉菜单: <div class="nav"> <ul> <li> <a href="">nav item</a> <ul> <li><a href="">nav it...

css实现导航菜单下拉效果: 通过css也可以实现简单的导航栏效果，一些不会写js的下伙伴不用担心了。先上HTML部分 <nav> <ul class="level"> <li><a href="">...

纯css制作三级下拉菜单: css本身的功能就挺强大的，尤其是css3出来之后，大部分特效只用css3就能完成了，无需再费...下面是本人用纯css制作的三级下拉菜单效果：思路很简单，三级菜单直接用三层嵌套的ul布局：<div class="nav"> 电器 <ul>

css实现一级下拉菜单: html代码北大青鸟——下拉列表菜单页面北大青鸟授权培训中心青鸟官网 | 中心首页中心信息中心介绍荣誉奖项中心环境中心地址联系我们

CSS3悬浮式下拉菜单: 先把下拉菜单隐藏 display:none; 当鼠标悬停时display:bolck;显示格式 1.先确认下拉菜单一般html格式 <div>  <ul> <li><a href="#">A类</a> <ul> ...

【练习】HTML+CSS下拉菜单与导航栏下拉菜单: 下拉菜单 <div class="dropdown"> <button class="btn">下拉菜单</button> <div class="content"> <a href="#option">选项 1</a> <a href="#option">选项...

纯CSS的导航下拉菜单: 本案例并非原创，百度一搜“css下拉菜单”一定能看见一模一样的案例，而且不止一个，所以就仿照这个案例又自己做了一遍，并且总结一下自己遇到的一些问题结合思考给出的解决办法，虽然不知道原作者是谁，但是还是要...

CSS特效七：Hover下拉菜单: 老规矩，今天来讲一个很实用的css效果，当鼠标移到按钮的时候就会自动显示下拉菜单。效果如下：很简单的一个小demo，实现步骤如下：首先定义一个大的div包裹一个button和一个a链接组分别设置div下面两个元素的...

js css鼠标悬停显示下拉菜单: div class="swss_xx"> <ul class="clearfix"> <li id="xxwh"><a href="#" onclick="javascript:studentInfoUpdate()&...

HTML+CSS实现导航条及下拉菜单: html+css实现下拉菜单

JavaScript HTML CSS显示隐藏二级菜单（下拉菜单）: 一级菜单效果如图一所示按键选项一至选项四是一级菜单当点击选项一时弹出二级菜单效果如图二所示（其余一级菜单也有对应的二级菜单） html构造 <body> <div> <ul id='ul_0'> ...

仅仅使用 CSS 做个下拉菜单的动画: 关键是使用 max-height, 只要设置的值大于要显示的元素的高就可以： HTML &lt;div id="menu"&gt; &lt;a&gt;hover me&lt;/a&gt; &lt;...

JavaScript+CSS+DIV实现下拉菜单: 由于是块级元素，在段落开始，结束出会插入一个换行。基本语法：语法说明： 1.position 属性主要是定义层的定义方式。 2.left和top 是用来定义层的位置，表示与其他对象的左部，顶部的相对位置。 3.width和...

分别用html/css、javascript、jQuery实现下拉菜单的显示和隐藏: 一、html/css实现下拉菜单的显示和隐藏简单来说就是通过对css样式的控制来实现下拉菜单的显示和隐藏具体代码示例如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...

JS练习之JS/CSS点击下拉菜单: 一、效果图先上效果图：点击按钮后二、代码篇 HTML代码： <h2>可点击的下拉菜单</h2> <p>点击按钮显示下拉菜单</p> <div class="dropdown"> <button onclick="myFunction()...

相关热词 c# 多线程调接口类动态更改窗口的值c# c# josn解析工具 c#中try catch c# 子类化重绘按键 c# string数组 c# 基类不能序列化 c#查看object c# 截取最后一个字符 c#合并多个excel