我最近从一位潜在客户那里收到了这个设计，虽然我们不同意一起工作，但我还是打算尝试对设计进行编码以进行一些实践。这不是我的设计(我并没有声称它是)，而且我不打算将它用于任何用途，纯粹是为了练习。这也是我屏蔽公司名称的原因。
无论如何，当谈到这个标题/导航区域时，我感到很困惑。 Logo 侧面的装饰，以及基本上跨越两个 div 的 Logo ，真让我失望。我想知道你们中的任何人将如何编写代码。
我在想每个侧面装饰只有一个 div，然后 Logo 必须绝对定位。这是一个正确的解决方案吗？
我什至首先尝试将它合并到 960grid 系统中，但是没有任何进展，因为 Logo 跨越问题使网格变得非常困难。
最佳答案
我会使用一个列表并在第 3 个元素上添加一个类，为其提供足够大的 margin-right 来为 h1 Logo 留出空间。通过这种方式，您的标记既美观又符合语义，而且您不必使用多个 div 和列表。
您也可以使用 nth-child CSS 选择器而不是添加类。
关于html - 如何编码这个标题设计？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11927526/