左边图标左浮动，文字居中显示处在文档流居中显示，右侧按钮相对于文字绝对定位。按照我的理解，浮动和绝对定位都脱离了文档流不会影响到h1，h1占满整个header，在通过text-aglin和line-height设置居中，但是却发现左边的图标的大小实际上影响了h1的居中，这是为什么，不是应该不会影响吗
浮动和绝对定位都脱离了文档流不会影响到h1，h1占满整个header，在通过text-aglin和line-height设置居中，但是却发现左边的图标的大小实际上影响了h1的居中
左边图标左浮动，文字居中显示处在文档流居中显示，右侧按钮相对于文字绝对定位。按照我的理解，浮动和绝对定位都脱离了文档流不会影响到h1，h1占满整个header，在通过text-aglin和line-height设置居中，但是却发现左边的图标的大小实际上影响了h1的居中，这是为什么，不是应该不会影响吗
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
- 2021-04-08 00:40例如，`<h1>`到`<h6>`标签用于设置标题层级，`<p>`用于创建段落，`<img>`插入图像，`<a>`定义超链接，`<form>`和`<input>`构建表单元素，如搜索框、文本输入框、选择框等。 CSS则让网站看起来更加美观和专业。它...
- 2023-03-20 15:46ʚ 王也 ɞ的博客 用于定位和格式化内容，浮动会导致该元素脱离文档流，相当于飘到了文档流的上方，其他元素会补充上去。可以设置以下值之一： left - 元素浮动到其容器的左侧 right - 元素浮动在其容器的右侧 none - 元素不会浮动...
- 2025-05-14 06:23明月清风晓星的博客 CSS Grid布局是一个强大的二维布局系统，可以将页面划分成网格，并在网格上放置项目。
- 2025-04-11 00:02- `<meta name="viewport" content="width=device-width, initial-scale=1.0">`是移动端的适配设置，确保网页在不同设备上都能正确显示。 - `页面描述信息，有助于">`提供了页面的简短描述，有助于搜索引擎优化（）...
- 2021-01-27 19:48Bruce小鬼的博客 P69-前端基础项目开发-网页导航栏开发首页header头部导航下拉层 1.概述 这篇文章我们给首页header头部导航增加一个下拉层效果。 2.首页header头部导航下拉层 2.1.首页header头部导航下拉层需求样式 2.2.新增导航...
- 2025-02-21 09:30聂 可 以的博客 CSS基础（浮动、相对定位、绝对定位、固定定位、粘性定位、版心、重置默认样式）
- 2021-01-28 17:50Bruce小鬼的博客 P71-前端基础项目开发-网页导航栏开发首页header头部左侧导航栏 1.概述 在首页header部分现在还有一个左侧的导航栏没有开发，下面就来完成这个导航栏。 2.首页header头部左侧导航栏 2.1.左侧导航栏需求 2.2.创建...
- 2023-12-28 20:50yaoxin521123的博客 开源预约挂号平台 - 从0到上线，是一个开源项目帮助大家学习如何使用M开发一个完整的项目
- 2021-01-28 16:40Bruce小鬼的博客 P70-前端基础项目开发-网页导航栏开发首页header头部搜索框 1.概述 本篇文章继续开发首页header部分内容，搜索框。 2.搜索框 2.1.搜索框需求效果 2.2.添加搜索框内容 在index.html添加搜索框内容 <!-- 创建...
- 2019-07-08 11:48CiCi喜之郎的博客 1.本章面试题 1.1 什么是流动模型 1.2 网页中基本的布局方式有哪些 2.知识点 2.1 上一章内容回顾 ... CSS的定位方式可以帮助设计者使文档更容易阅读，CSS主要通过position属性进行定位。 3.1.1 正...
- 没有解决我的问题, 去提问
问题事件
创建了问题
4月25日