请问CSS中，如何让下面下拉菜单代码，下拉时不会让下面图片下移？
<!DOCTYPEHTML><html><body><details><summary>电影</summary>我最喜欢的电影，你喜欢吗？</details><imgsr...
<!DOCTYPE HTML>
<html>
<body>
<details>
<summary>电影</summary>
我最喜欢的电影，你喜欢吗？
</details>
<img src="http://s0.hao123img.com/res/r/image/2014-06-05/fe41cd683360b642b5ff591442442cf4.jpg"/>
</body>
</html> 展开
<html>
<body>
<details>
<summary>电影</summary>
我最喜欢的电影，你喜欢吗？
</details>
<img src="http://s0.hao123img.com/res/r/image/2014-06-05/fe41cd683360b642b5ff591442442cf4.jpg"/>
</body>
</html> 展开
1个回答
展开全部
呃 你这样写标签只能兼容支持HTML5的浏览器哦～
在details标签外加一个相对定位的div 把details定义为绝对定位就可以了。
样式里我加了个背景颜色 你可以去掉。
<style>
.box{height:20px;position:relative;}
.box details{position:absolute;left:0;top:0; background-color:#fff;}
</style>
<div class="box">
<details>
<summary>电影</summary>
我最喜欢的电影，你喜欢吗？
</details>
</div>
<img src="http://s0.hao123img.com/res/r/image/2014-06-05/fe41cd683360b642b5ff591442442cf4.jpg"/>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
