Question

我使用我学习here的一些技巧制作了一个粘性页脚，但我希望将最小窗口大小限制为 700像素。

当我调整窗口大小时，当窗口达到700像素以下时，页脚旁边会留下一个空白区域，换句话说它不适合整个屏幕。

我不确定这里有什么问题。我的jsBin例子是：

`https://output.jsbin.com/gawidovijo`

提前致谢。

Answer 1

在import sys def open_csv(filename, mode='r'): """ Open a csv file proper way (depends on Python verion). """ kwargs = (dict(mode=mode+'b') if sys.version_info[0] == 2 else dict(mode=mode, newline='')) return open(filename, **kwargs) # sample usage csvfile = open_csv('test.csv')上，添加body并将position: relative;更改为margin: 0 0 100px;

您的页脚是绝对定位的，它需要一个相对父级来定位。没有它，它将相对于padding: 0 0 100px;元素定位自己，html元素仅与视口一样宽。无论何时绝对定位元素，请务必相对定位您希望绝对定位元素位于其中的父元素。由于您在max-width上定义了网页的body，因此将页脚相对于body定位是有意义的。

通过这种更改，您的页脚现在将与body相关联，这意味着body上的下边距将显示在页脚下方，因此要在页脚下方显示页脚100px空格，您需要将该空格从margin更改为padding，以便页脚将自己定位在那里。

Answer 2

Slashy，

我没有看到您引用的空白区域。我在Windows 7上查看了FF，Chrome和IE11。也许您只需要清除浏览器缓存？

其他一些需要注意的事项：

职位：绝对;与父容器有关系。您可能想要使用position：fixed;它使用浏览器窗口父母。
您可能还想在底部使用填充底部身体而不是边缘底部。
您可能想要包括的最后一件事是盒子大小：border-box;默认情况下，box-sizing设置为内容框。如果将宽度设置为100％然后添加填充，则为内容框将超过100％。

当绝对定位元素时，如果要在绝对定位的子关系中使用父级的位置，则需要定义父级的位置。这是一个例子，我想在我的内容的右上角有一个div。这是从正文开始的HTML：

import ReachabilitySwift


@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate
{
    var reachability: Reachability?


    func application( _ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]? ) -> Bool
    {
       self.reachability = Reachability()

       do
       {
          try reachability?.startNotifier()
       }
       catch
       {
          print( "ERROR: Could not start reachability notifier." )
       }

       return true
    }


    class func sharedAppDelegate() -> AppDelegate?
    {
        return UIApplication.shared.delegate as? AppDelegate
    }


    // Remaining functions
}

这是CSS：

class ExampleVC: UIViewController
{
    override func viewDidLoad()
    {
        // Add reachability observer
        if let reachability = AppDelegate.sharedAppDelegate()?.reachability
        {
            NotificationCenter.default.addObserver( self, selector: #selector( self.reachabilityChanged ),name: ReachabilityChangedNotification, object: reachability )
        }
    }


    @objc private func reachabilityChanged( notification: NSNotification )
    {
        guard let reachability = notification.object as? Reachability else
        {
            return
        }

        if reachability.isReachable
        {
            if reachability.isReachableViaWiFi
            {
                print("Reachable via WiFi")
            }
            else
            {
                print("Reachable via Cellular")
            }
        }
        else
        {
            print("Network not reachable")
        }
    }
}

如果我没有定义职位：亲属;在.parent中，然后.child将根据正文定位。

一开始绝对定位事物可能有点棘手。我希望这会对你有所帮助。

Css页脚在窗口大小调整

2 个答案: