Question

我有一个带有以下css属性的标题div：

use strict;
use warnings 'all';

chomp(my @data = <>);

my $i = 0;
for ( @data ) {
    $_ .= 'bar' if /^\S/ and $data[$i+2] =~ /^\S/;
    ++$i;
    last if $i+2 > $#data;
}

print "$_\n" for @data;

这里的问题是当我放大浏览器时，右侧的标题导航链接被抛出页面。所以我希望有一个固定的标题，在缩放浏览器上与页面的其余部分一起水平滚动。通过一些相关问题的javascript答案，但没有一个是有希望的。

Answer 1

我删除了min-width和width属性，因为我假设你想要窗口的整个宽度。您需要使用的只是top left和right等于0的值。 JSFIDDLE

.header{
 margin: 0;
 top: 0px;
 left: 0;
 right: 0;
 height: 70px;position: fixed;
 background-color: white;
}
a {
  float: right;
}

如何使固定标题滚动水平？

1 个答案: