Chrome 渲染问题.带有 UL 本体的固定位置锚 [英] Chrome rendering issue. Fixed position anchor with UL in body

查看:20
本文介绍了Chrome 渲染问题.带有 UL 本体的固定位置锚的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

使用此类代码的 Google Chrome 和 Opera 存在渲染问题(为什么?=):

<风格>#内容 {宽度:150px;背景:灰色;}#侧边栏{位置:固定;左:200px;背景:灰色;}</风格><身体><div id="侧边栏"><a href="#s1">链接#1</a><br/><a href="#s2">链接#2</a>

<div id="内容"><div id="s1"><a href="#s1">链接#1 目标</a><p>Lorem ipsum dolor sat amet,consectetur adipisicing 精英,sed do eiusmod tempor incididunt ut labore et dolore magna阿里夸.Ut enim ad minim veniam, quis nostrud 练习ullamco labouris nisi ut aliquip ex ea commodo consequat.Duis aute irure dolor in reprehenderit in voluptate velitesse cillum dolore eu fugiat nulla pariatur.例外 sint occaecat cupidatat non proident,sunt in culpaqui officia deserunt mollit anim id est labourum.

<div id="s2"><a href="#s2">链接#2 目标</a><ul><li>项目 1</li><li>项目 2</li>

<a href="#">TOP</a>

如您所见,我正在尝试将右侧的侧边栏设为静态.一切正常,直到您在页面上添加一些

查看全文
相关文章
前端开发最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆