Chrome 渲染问题.带有 UL 本体的固定位置锚 [英] Chrome rendering issue. Fixed position anchor with UL in body
本文介绍了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>