我目前正在处理的网站是Webkit浏览器的一些问题(Chrome,Safari等)
其中一个问题是我有一个显示奇怪的子弹列表.
顶部项目符号位于列表右侧而不是左侧.
alt text http://www.jamespwright.com/images/public/screengrabs/f220646f8149dff1b6437cee66498fce.PNG
我似乎无法修复它.我试过溢出：隐藏,我尝试过list-style-position：里面,似乎没什么用.
编辑
我将尝试提供一些代码,但它是一个非常庞大的网站,使用DotNetNuke构建,所以我可能无法给你太多的信息.
有问题的代码是这样的：
#PremiumServicesMenu .LinkList ul {
margin-top: 0px;
margin-left: 1em;
_margin-left: 3em;
margin-bottom: 0px;
}
/* Safari and Chrome specific settings */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.PremiumServicesContainer .LinkList ul {
list-style-position: inside;
}
}
并且该部分的html是这样的：
Feed Lab Analysis
问题似乎与页面高度有关.在其他浏览器上,如果页面不是很高,这个高级服务部分仍然保留适合所有内容的高度,但是在Webkit中,如果页面很短,则此部分缩短自身并将第一个项目放在Premium Services标题图像旁边而不是它下面的线.如果页面足够长,则不会发生此问题.
最佳答案
答案是在花车里.
ul需要明确：两者;添加到它.
原文链接：https://www.f2er.com/css/427370.html
