CSS - 试图删除网站上的空白区域

Question

此网站使用后端网络打印，称为Zoo Printing。我工作的客户不喜欢原始设计，所以我被聘请与处理后端的开发团队重新设计它。我将旧的导航菜单替换为网站上当前的CSS mega导航。他们的开发人员决定将他们的代码保留在网站上进行备份，以防他们需要回滚到旧的导航。问题是即使他们的代码被注释掉，它也会在我的CSS幻灯片和页脚之间创建一个巨大的空白区域。他们的开发人员责备我的代码，不会告诉我问题的来源。你们其中一个人可以检查我的代码并告诉我这会导致什么原因吗？我试过通过绝对将它放在页面上来简单地用CSS删除空白区域，但是当我这样做时，页脚会在除了主页之外的每个页面上发生变化，它也会删除我的CSS幻灯片放映。我无法弄清楚如何在不弄乱我的布局的情况下移除这个空白区域。

网站为Advanced Litho

body > div:nth-child(4)

这是创建布局问题的div。到目前为止，我试图绝对将它放在页面上，没有运气。

Answer 1

底部有一个div使空间变大，它位于注释掉的内容正上方，正好位于id = content的div下方。所有这些框都具有隐藏的可见性，不会从页面中删除它们，它只会使它们不可见。您需要做的就是找到div，并插入内联样式。

class MyClientProtocol(WebSocketClientProtocol):

    def onConnect(self, response):
        print("Server connected: {0}".format(response.peer))

    def onOpen(self):
        print("WebSocket connection open.")

        def hello():
            from twisted.internet import reactor
            self.sendMessage(u"Hello, world!".encode('utf8'))
            self.sendMessage(b"\x00\x01\x03\x04", isBinary=True)

            #self.factory.reactor.callLater(1, hello)
            #self.reactor.callFromThread(reactor.stop)
            #reactor.callFromThread(reactor.stop)
            #self.factory.reactor.callFromThread(reactor.stop)
        # start sending messages every second ..
        hello()
        return

    def onMessage(self, payload, isBinary):
        if isBinary:
            print("Binary message received: {0} bytes".format(len(payload)))
        else:
            print("Text message received: {0}".format(payload.decode('utf8')))

    def onClose(self, wasClean, code, reason):
        print("WebSocket connection closed: {0}".format(reason))


def WebCon():
    import sys

    from twisted.python import log
    from twisted.internet import reactor

    log.startLogging(sys.stdout)

    factory = WebSocketClientFactory("ws://localhost:8080", debug=False)
    factory.protocol = MyClientProtocol

    reactor.connectTCP("127.0.0.1", 8080, factory)

    reactor.run()
    reactor.stop()
    print("Should exit")
    return

基本上，他们只是隐藏了他们应该移除的内容。

Answer 2

<div class="nav_child"></div>

中有无序列表

如果你可以删除它们，最好这样做，否则你可以用css隐藏它们并摆脱空白区域：

.nav_child ul {
   display: none;
}