css - 仅使用 Internet Explorer 时,Div 会滑到另一个 div 上

标签 css

在底部的视频播放列表中,视频描述(黑色背景)需要向下移动 20 像素。如果您使用 Firefox 查看该网站,您会更好地理解它。

[链接不再有效]

#content #videos .playlist { float:left; width:442px; height:292px; margin:10px 0; background:#FFFFFF url(images/bg_videoplaylist.gif) repeat-x; background-position:-1px 0; border:1px solid #083684; position:relative; overflow:hidden; }
#content #videos .playlist .entries { position:absolute; width:10000em; height:60px; }
#content #videos .playlist .entries .video { float:left; width:422px; height:60px; font-size:14px; font-weight:bold; text-decoration:none; padding:20px; background:transparent url(images/player_entry.gif) 0 0 no-repeat; }
#content #videos .playlist .entries .playing {  background-position:0px -80px; }
#content #videos .playlist .entries .paused { background-position:-432px -80px; }
#content #videos .playlist .entries .progress { opacity:0.8; }
#content #videos .playlist .entries em { float:right; color:red; font-style:normal; margin:14px; }
#content #videos .playlist .entries .description { float:right; width:442px; height:212px; background:#000 url(http://flowplayer.org/img/player/btn/play_large.png) right bottom no-repeat; }
#content #videos .playlist .entries .description p { color:#FFF; width:422px; height:192px; font-size:12px; font-weight:none; text-decoration:none; padding:10px; position:absolute; }

最佳答案

以上建议均无效。我用 margin-left:-20px 解决了这个问题。讨厌 Internet Explorer!

关于css - 仅使用 Internet Explorer 时,Div 会滑到另一个 div 上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1069968/

相关文章:

html - Flexbox 目标包装元素

html - 如何在 jQuery Mobile 1.4.5 中右对齐翻转开关

css - 如果H3也是超链接,将样式应用于H3吗?

html - 试图在两个 div 之间创建一条线

html - 定位按钮和 Logo 等距

javascript - 使用墙上文字预填充 Facebook 弹出窗口

html - 整个网站响应但仍然可以向右滚动

css - Logo 问题/挑战 - Bootstrap Navbar

javascript - 附加文件标签

css - 在 Tailwind css 中用文本圈