Question

我在标头上添加了一个新的广告块：https://musebycl.io/test_page。这使导航块移到最右边。即使这些元素位于单独的div中，我也无法弄清楚为什么会发生这种情况。

如何修改标题广告或导航HTML / CSS，以使导航回到其在首页（https://musebycl.io/）上可见的正常位置？

Answer 1

您的框架在.row元素上应用了弹性规则，该元素将导航块向右推，因为它没有定义的宽度。

尝试将添加的.block-content在行中上移到div.container.py-2.row

使用此html可以起作用：

#include <algorithm>
#include <iostream>
#include <vector>

namespace my
{
template<typename DataType>
struct Container
{
    void print_all( std::ostream& os ) const
    {
        std::for_each(std::begin(data),
                      std::end(data),
                      [&os](const DataType& value)
                      {
                          os << value;
                      });
    }

    std::vector<DataType> data;
};

namespace test
{
struct Data
{
    std::byte data[4];
};

using Array = std::array<std::byte,4>;

#if 0

template<typename T>
std::ostream& operator<<(std::ostream& os, const T& data)
{
    return os << 'X';
}

#else

std::ostream& operator<<(std::ostream& os, const Data& data)
{
    return os << 'X';
}

std::ostream& operator<<(std::ostream& os, const Array& data)
{
    return os << 'X';
}

#endif

void run()
{  
    // Test with custom data
    { 
        Container< Data> container;
        container.data.resize(1);
        container.print_all( std::cout );
    }
    // Test with std data
    {
        Container< Array> container;
        container.data.resize(1);
        container.print_all( std::cout );
    }
}

} // namespace test
} // namespace my

int main()
{
    my::test::run();
    return 0;
}

Answer 2

您必须给块内容指定宽度。喜欢：

.block-content{
width: 500px;
}

Answer 3

您可以像创建外部CSS一样

#advertising-nav-bar {
    position: fixed;
    top: 0px;
}

HTML：

<div id="advertising-nav-bar">
        <!--content -->
</div>

如何解决导航块的CSS问题？

3 个答案: