gpt4 book ai didi

css - 定位div[CSS/HTML]

转载 作者:行者123 更新时间:2023-11-28 10:14:59 25 4
gpt4 key购买 nike

我正在尝试复制 Google 主页(这是我的第一个元素),但我有一些问题:

  1. 我的导航栏位置很好(右上角),但我怎样才能将 Google Logo + 搜索栏放置在那个确切位置?我尝试在垂直和水平方向都居中放置,但没有用。

  2. 如何使搜索栏的宽度与 Logo 的宽度相等?

  3. 如果我不使用 float ,为什么我的“Google 搜索”和“手气不错”按钮不在同一行?

    CODEPEN

最佳答案

要使页面居中,您需要为包装器 div .body 指定宽度和 margin:0 auto;。完成后,您可以将搜索框的宽度设置为 100%。看看是否有帮助。

Updated CodePen

关于css - 定位div[CSS/HTML],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24250619/

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