我的网页上有一个奇怪的冲突。
当我将网页窗口的大小调整为小时,没有水平滚动条。
我检查了我的身体css,但没有overflow-x
属性。当我使用overflow-x: scroll;
时,滚动条可见,但无法检测到溢出(灰色滚动条)。
但我发现了问题。问题来自direction:rtl;
属性。
这是我的身体css代码:
background-attachment: fixed;
background-color: #f4f4f4;
background-image: url("../images/bg_body.jpg");
background-position: 50% 0;
background-repeat: repeat-x;
color: #000;
direction: rtl;
font: 11px/150% Tahoma;
height: 100%;
padding: 0;
text-align: justify;
margin: 0 auto;
width: 980px;
我删除了direction: rtl;
滚动条后出现了。
当我将dir="rtl"
添加到HTML文件中的body标签时,问题仍然存在。
dir="ltr"
也提出了这个问题。
知道为什么会发生这场冲突吗?