gpt4 book ai didi

CSS 定位在 Logo 和

转载 作者:塔克拉玛干 更新时间:2023-11-03 02:41:04 24 4
gpt4 key购买 nike

我想达到的目标:

  1. 流体 2 列百分比设计
  2. 合乎逻辑,搜索引擎优化友好。 html 源代码中从上到下的目标顺序:导航、 Logo (h1 隐藏, Logo 显示)、文章、旁白、页脚

我试过的是:http://jsbin.com/bucalezi/1

如果浏览器最大化,一切正常;然而,当浏览器恢复到小于 100% 的比例时, Logo 和旁边的差距看起来很难看。差距的原因是:

  1. 由于我的第二个要求,我将 Logo 放在左侧 div(而不是放在一边),所以我不得不使用 position:absolute 属性。为了不与 Logo 一起折叠,我留出了边距。

这就是我可以得出的观点。当浏览器恢复到更小的规模时,如何既能达到我的要求又能摆脱丑陋的 View

谢谢最好的问候

最佳答案

用花车试试...主要内容

float:left;

旁边和标志

float:right;

,指定宽度

http://jsfiddle.net/RyR8n/embedded/result/

更新: http://jsfiddle.net/RyR8n/3/embedded/result/

关于CSS 定位在 Logo 和 <aside> 之间造成丑陋的差距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22015957/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com