Css顶部与其他元素对齐
在前端开发中，CSS顶部与其他元素对齐是一个常见的需求。为了实现这个效果，可以使用CSS的定位属性和盒模型来进行布局调整。
一种常见的方法是使用绝对定位（position: absolute）来将顶部元素定位到父容器的顶部。可以通过设置top属性为0来确保顶部元素与父容器顶部对齐。同时，需要确保其他元素不会被顶部元素遮挡，可以通过设置margin-top属性为顶部元素的高度来调整其他元素的位置。
另一种方法是使用相对定位（position: relative）来将其他元素相对于顶部元素进行定位。可以通过设置top属性为顶部元素的高度来确保其他元素与顶部元素对齐。
除了定位属性，还可以使用盒模型的属性来进行布局调整。可以通过设置顶部元素的高度（height）和其他元素的外边距（margin）来实现对齐效果。
在实际应用中，CSS顶部与其他元素对齐的场景非常广泛。例如，在网页设计中，顶部导航栏通常需要与页面其他内容对齐；在移动应用开发中，顶部标题栏需要与页面主体内容对齐。
对于腾讯云相关产品和产品介绍链接地址，可以参考以下内容：
- 腾讯云CSS（云服务器）：提供灵活可扩展的云服务器实例，满足不同规模和需求的应用场景。产品介绍链接：https://cloud.tencent.com/product/css
- 腾讯云CDN（内容分发网络）：加速静态资源的传输，提高网站的访问速度和用户体验。产品介绍链接：https://cloud.tencent.com/product/cdn
- 腾讯云云函数（Serverless）：无需管理服务器，按需运行代码，实现高并发、低成本的应用开发和部署。产品介绍链接：https://cloud.tencent.com/product/scf
请注意，以上仅为示例，实际选择适合的腾讯云产品应根据具体需求进行评估和选择。
相关·内容
3回答
我有一个网页的以下布局。左边的侧边栏是以下css：
.sidebar {
display: inline-block;
top: 0;
width: 200px;
height: 1000px;
}
以及css右边的内容：
.content { position: relative; display: inline-block; }
但是，在侧栏中添加任何内容时，布局如下：
侧边栏向下移动，甚至不能通过改变“顶部”值来使其上升。
如何在内容的左侧成功地对齐边栏？
浏览 1提问于2014-08-24得票数 0
回答已采纳
3回答
新手问题；尝试学习网页设计，我已经走到了这一步。但是，有人可以试着给我解释一下吗？
这是我网站中一个特别的部分的样子：
我正在尝试将图像分割为屏幕的40%，文本分割为剩余的60%。它进行得很好，但是我不明白为什么文本出现在底部而不是顶部？我猜这很简单，或者我把它搞砸了？
这是我的HTML：
<section>
<div class="about">
<div class="about_img"></div>
<div class="about_text">
浏览 1提问于2016-02-11得票数 0
3回答
CSS位置对齐
、、
我不明白为什么当我把position改为relative时，"facebook和Facebook帮助你与生活中的人沟通和分享“就在页面的顶端。我刚开始学习css三天。谢谢！
这是html文件
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="henry.css">
</head>
<body>
<div class="h1">
<h1 class=&#
浏览 6提问于2022-06-22得票数 0
我有一个很简单的导航条，有五个按钮。它们中的每一个都从box-shadow: 0px 4px #777777开始，提供一个3D外观，还有一个.navbarright a { display: inline-block }将所有的按钮水平排列起来。下面是HTML：
<div class="navbarright">
<a href="x"><div class="navbutton" id="x"> x </div></a>
<a href="
浏览 1提问于2014-07-30得票数 0
回答已采纳
我遇到了一个奇怪的问题。我使用DIV作为容器，并将图像放入此DIV中。我希望这个图像是垂直对齐到底部。下面的代码可以工作。
#banner {
width: 700px;
height: 90px;
top: 60px;
left: 178px;
overflow: hidden;
text-align: center;
display: table-cell;
vertical-align: bottom;
position: relative;
}
<div id="banner">
<img s
浏览 0提问于2009-10-23得票数 10
回答已采纳
3回答
我在使用单元格标签css内容的垂直对齐:top；属性时遇到问题.
图为：
我的HTML代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style_test.css" />
<title>Test</title>
</head>
<body&g
浏览 0提问于2015-01-17得票数 1
回答已采纳
HTML
<div class="menu">
<p>normal</p>
</div>
<div class="menu">
<p>normal</p>
</div>
<div class="menu">
<p>normal</p>
</div>
<div class="menu">
<p>Why does this div sta
浏览 5提问于2014-06-26得票数 1
回答已采纳
2回答
我很难理解HTML中的内联、内联块和块显示选项之间的区别。尤其是inline-block是如何适应的。块项目似乎总是出现在它们自己的行上。内联项目似乎不能很好地处理宽度和高度设置。内联块似乎是两者的混合体，但却导致了一些奇怪的布局情况。下面是一个例子：
<style type="text/css">
#container {
height: 100px;
background: tan;
}
#container p {
height: 100px;
background: yellow;
text-align: cente
浏览 0提问于2012-11-26得票数 0
回答已采纳
2回答
如何使文本块对齐，使第一行的顶部从td的顶部向下50%？
想象一下，但是第一行的顶部正好下降了50%。
--------------
| |
| |
| |
| xxxx |
| xxxxxxxx |
| xxxxxxxxxx |
| |
| |
--------------
我可以做它与包含div和填充，但我想要纯css选项，不会打破，如果我改变表的高度，行高度等……
编辑--
这是一个正确显示的小提琴，但使用了"hack“cs
浏览 0提问于2014-04-17得票数 0
2回答
当我删除div.content:before选择器中的垂直对齐时，文本会下拉，不能完全显示，那么伪类是做什么的，为什么这样做呢？PS:是否有其他方式来实现像演示显示，即对齐的文本在中间和文字将开始在一个新的行，如果它太长。
下面是演示：
html：
<div class="wrapper">
<div class="content">
<span>Mix Color Lace Dress</span>
</div>
</div>
css
浏览 4提问于2014-01-28得票数 0
回答已采纳
我对超文本标记语言和层叠样式表非常陌生，我读到的其中一件事就是你应该把你的<header>和<main>标签分开。然而，当我这样做时，它会使我更难按我想要的方式对齐页面上的内容。目前，我遇到了main内容与header元素内容重叠的问题，它们占据了相同的空间。我尝试将:root设置为display: flex;，然后设置为flex-direction: column;，但这似乎并没有防止元素重叠。我希望它们的行为就像header和main都在同一个flexbox中，并在单个列中对齐，但到目前为止，我还没有看到任何解决这个问题的东西。我已经附上了到目前为止我所拥有的链接(
浏览 1提问于2021-11-06得票数 0
所以我有这个HTML
<div class="container">
<div class="jumbotron">
<div class="row">
<div class="col-xs-6"> <span class="currency-symbol">$</span><span class="price">44</span>
浏览 5提问于2015-04-23得票数 1
回答已采纳
3回答
我有一个锚元素，如下所示
<a href="url"><img src="imgurl"/>Text</a>
我希望图像和锚元素的文本垂直对齐。我尝试添加垂直对齐(css)，填充，页边距等，但图像不会与文本垂直对齐。
浏览 0提问于2009-09-03得票数 14
回答已采纳
在我的HTML中，我有一个div，它有三个div作为孩子。我想让第二个和第三个孩子(这是一个文本和按钮)在中间对齐。
<div class='border'>
<div class='inline-block some-image'> <!-- background image here --> </div>
<div class='inline-block description'> Some Text</div>
<div class
浏览 0提问于2014-12-10得票数 2
垂直对齐:底部，表示底部的内联框与其行框的底部相匹配，因此在我的例子中，span2的内联框是绿色的，其行高为100 of，继承自其父框。它的线框是黑色的，也有线高:100 is。所以它们是底部对齐的。见图：
我已经了解到：
1.垂直对齐只适用于内联/内联块元素。
2.垂直对齐是基于直线高度，而不是其容器的高度！
3.在线框中，其线高是内嵌框的线高(在我看来，它的内嵌元素或内嵌块元素)具有最高的直线高度。就像图片：
在内联块元素上，一切都很好，但内联元素似乎存在问题。
解释：
父母:身高:200 parent，直线高度；100 parent；
Div.child:内嵌块，垂直
浏览 1提问于2017-04-09得票数 1
回答已采纳
1回答
我在玩引导表单元素，并注意到输入类型文本的垂直对齐属性在某种程度上影响了附近标签的定位。
顺便说一下，这个输入类型的文本有来自引导样式的10 By的页边距。
以下是代码：
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Boo
浏览 1提问于2014-02-09得票数 1
回答已采纳
1回答
请运行演示：
* {
margin: 0;
padding: 0;
}
.body {
font-family: Microsoft Yahei;
font-size: 16px;
background-color: lightblue;
height: 400px;
width: 400px;
line-height: 2;
vertical-align: baseline;
}
.body span {
background-color: pink;
}
.body .inline-block {
display: inline-blo
浏览 1提问于2018-05-19得票数 3
回答已采纳
2回答
我有一个带有原始样式的div
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
width: 16px;
height: 16px;
box-sizing: border-box;
border: solid 1px #cfcfcf;
和:after伪元素
content: '';
display: flex;
width: 14px;
height: 14px;
background: #3fcaca;
border-radius: 50%;
但是这样的div在不同
浏览 18提问于2019-07-17得票数 0
回答已采纳
2回答
我有一个关于菜单的CSS问题。
通过CSS，我在li的页面中添加了填充。
li有display: inline。
当我设置为inline-block时，它可以工作，但我想知道为什么它不能与inline一起工作。在我的理解中，填充应该与内联元素一起工作。
HTML
<header>
<nav>
<ul id="mainmenu">
<li><a href="#" class="active">Home</a></li>
<li><
浏览 0提问于2011-11-08得票数 3
回答已采纳
1回答
简单的问题，但似乎找不到功能性的解决方案。页面顶部有一个手指宽度的空白，在“检查”下没有突出显示的任何内容。
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
* {
margin: 0;
padding: 0;
user-select: none;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
}
.btn {
po
浏览 1提问于2022-10-31得票数 -2
4回答
请看这把小提琴：
我对此有一个问题，因为两个div，在一个表中，彼此相邻，即使它们共享相同的css类，也不在同一条边界线上。
我在示例中做错了什么，我必须更改以使它们位于相同的页边距-顶部行吗？
谢谢，我已经试着说得尽可能清楚了。
我的意思是，它们应该共享相同的边际-顶部行，但它们不是，我必须做些什么来解决这个问题？
浏览 0提问于2011-12-08得票数 0
回答已采纳
我试图使div显示在悬停，但我希望它悬停在div已经存在，而不是按下现在的div。我认为z指数会有帮助，但这是行不通的。有人能给我一个好的建议吗？
Jquery
$(document).ready(function(){
$('#services-skills').hover(function(){
$('#services-skills').css('position','relative');
$('.service-info').css("display"
浏览 3提问于2013-09-16得票数 0
回答已采纳
1回答
我使用css渐变和填充来模拟锚标签周围的按钮。我遇到的问题是firefox似乎把按钮放大了3个像素。顶部1个像素，底部2个像素。这似乎不仅发生在我发布的示例中，而且发生在我使用填充的页面上的任何地方。我在上举了个例子。在firefox中，顶部和底部的按钮与搜索框完全一致，但在chrome中，顶部和底部分别偏离了1个像素和2个像素。我使用的是w3过渡(也尝试了严格) doctype和css重置。在重置中，所有锚标记都被设置为padding0，所以我搞不懂为什么要添加这个额外的填充。在使用gecko和webkit浏览器时，有没有解决这个问题的办法，或者只是你必须要处理的问题？
编辑:所以我登录了w
浏览 0提问于2012-01-31得票数 0
考虑一下这个HTML：
<div id="x">Foo</div>
<div id="y">Bar <span>Baz</span></div>
这个CSS：
#x {
background: orange;
display: inline;
font-size: 200%;
}
#y {
background: cyan;
display: inline;
vertical-align: top;
}
下面是JSFiddle演示：
在Firefox 28.0和8中
浏览 4提问于2014-04-09得票数 3
回答已采纳
4回答
在我的网页部分，我使用一个图标库。我在div中插入图像/图标，并通过css对齐中心(垂直和水平)进行管理。但我发现我的影像中心垂直对齐，而不是精确的中心在我的div中。请看我的代码和css。
css
#main {
width: 170px;
height: 300px;
border: 1px solid #c3c3c3;
display: -webkit-flex;
display: flex;
align-items: flex-start;
}
#main div{
width: 70px;
height: 70px;
align-self: center;
background:r
浏览 7提问于2016-06-02得票数 0
我使用这个脚本来检查锚是否在URL中。如果找到，将调用显示滚动函数。唯一不起作用的是跳到被称为锚的地方。我是新来的JS -这个功能怎么了？
在HTML页面中：
<script type="text/javascript">
<!--
function checkurl(){
if (window.location.href.match(/\#more/))
{
showscroll('more');
}
if (window.location.href.match(/\#tab2/)
浏览 3提问于2012-01-16得票数 3
回答已采纳
请帮我一下CSS！我使用CSS使我的注册表单看起来很漂亮，但后来我发现当我最大化或最小化浏览器的窗口时(我的页面与浏览器窗口的中心对齐)，我的表单没有随着其他页面元素(如我的背景图像)左右移动。也就是说，当我的窗口大小最大化时，我的背景图像被改变了，但表单仍然保持在第一个位置。有什么办法解决这个问题吗？我的HTMLcode是：
<div "class="homepageTable">
<form action="#" method="post">
<input type="text" si
浏览 2提问于2012-11-08得票数 0
回答已采纳
I试图使音频控件后面的文本与音频控件中的文本非常一致，但其方式较低，我使用style="vertical-align: text-top"似乎没有任何影响
<div>
<span name="fileplay">
<audio preload="none" controls="controls"><source src="file:/E:/Music/Wav/David%20Guetta/Guetta%20Blaster/01%20-%2007%20-%20Money.
浏览 3提问于2020-11-18得票数 0
回答已采纳
2回答
我是CSS的新手，并且已经用CSS编码了我的第一个网站。我承认我还没有完全理解CSS，但我想学习一下。我听说老的IE浏览器需要特殊的XHTML和CSS编码，但我真的不知道是什么CSS代码造成了这个问题。
该网站是。问题出在除了博客和Moodle之外的所有页面的顶部和底部导航菜单(我还没有更新它们)。有没有人能帮我解决IE需要隔离的问题？
非常感谢！
浏览 0提问于2010-08-29得票数 0
回答已采纳
3回答
我正试着把两个响应的容器连在一起。其中一个里面的图像设置为宽度: 100%，高度:自动。如何垂直对齐其父响应容器顶部的图像？
<div class="top-row">
<figure class="product-image col-sm-6">
<img src="http://rastenis.lt/coocoo/image/cache/catalog/Demo/Untitled.Oil%20on%20canvas.45x55%20cm.2011-570x600.JPG" class="im
浏览 3提问于2016-06-06得票数 0
回答已采纳
3回答
我有一个包含默认配置文件图像的表。最初，可能没有文本内容，创建我的CSS样式是为了允许文本环绕默认图像。
我在尝试静态定位图像时遇到了问题，仍然允许文本环绕图像，并且文本可以在单元格顶部附近开始垂直定位。
我基本上是用CSS作为我的形象：
.TextWrap {
float:right;
margin:10px;
height:100px;
width:100px;
}
然后为图像和文本内容设置div元素，如下所示：
<img class="TextWrap" src="@ViewBag.Photo" />
<d
浏览 7提问于2014-05-28得票数 1
回答已采纳
1回答
我有一个图像，当看到一个屏幕上，不符合整个宽度，可以滚动到右边，以看到它的其余部分。
但是，我希望首先显示图像的中心，而不是左边。
这是我的react代码->
import React, { useEffect, useRef, useState } from "react";
import "./image_bottom.css";
import Goblins from "../../images/image_bot_goblins.png";
import Background from "../../images/i
浏览 4提问于2022-09-14得票数 0
是否可以在twitter引导程序中更改元素的行位置？我的意思是当页面上只有一个元素时。例如，我想把I'm centered放在下面几行(现在它在页面的顶部)
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="css\bootstrap.min.css">
<scrip
浏览 2提问于2014-02-23得票数 0
回答已采纳
我在一个评论系统上工作，设计是我的弱点，到目前为止，虽然我非常接近我要去的外观，但我的代码如下。
这是我的CSS代码和我的div，它们组成了注释部分，我已经去掉了所有花哨的东西，因为我只是有n对齐问题，它出现在下面的代码中。
评论帖子有2栏，
左栏将显示用户的照片和姓名等信息
右列将包含注释、日期和一些管理内容
我的问题是，我需要两列中的内容垂直对齐
现在，左列比右列高出1个街区
有没有人能告诉我或者帮我把它对齐？
这里的phot还显示了对齐问题，请注意，左侧的照片与右侧的文本不对齐
<style type="text/css">
ol.commentlist {
浏览 3提问于2009-08-18得票数 1
回答已采纳
3回答
我有一个输入字段：
<input type="text" class="form-textbox" id="input_16" name="q16_yourStory16" size="300" value="Your Story" />
里面的值是“你的故事”，它目前是垂直居中的，我希望它位于框的顶部，而不是在中心。
屏幕截图在这里：
我只在css中看到了text-align: left，所以我不确定它为什么垂直居中对齐？
CSS：
#input_16 {
height: 200px
浏览 0提问于2012-04-26得票数 1
回答已采纳
考虑到以下标记和css：
<p>
<img src="" width="80" height="200"/>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras rhoncus
ante in vehicula mollis. Praesent auctor pellentesque erat, et sagittis
lorem lobortis sed. Nunc mollis pharetra massa, i
浏览 3提问于2016-03-14得票数 1
回答已采纳
3回答
我做了一个菜单，但是"ul“标签的顶部有问题。下面是我的代码：
var a = document.getElementById("hide");
var outside = "false";
var verid = "false";
function showjs() {
if (verid === "false") {
if (visibil() === "false") {
a.style.display = "inline-block";
} el
浏览 6提问于2015-02-05得票数 1
回答已采纳
1回答
我知道怎么解决这个问题，请看评论，我想知道为什么我一开始就有这个问题，很奇怪，
请阅读样式代码中的注释。
问题: I有一个奇怪的问题，输入边框宽度影响div的位置，例如，如果我将边框宽度5 px给输入；对于父节点，span将在5 px之后开始，而如果我给出边框宽度10 px，输入广度将从它的父div开始在10 px之后开始？可能是我错过了一些显而易见的东西，
这里是代码片段
.mainDiv {
display: flex;
}
input {
height: 100%;
/*To
浏览 3提问于2017-10-20得票数 1
回答已采纳
1回答
我正在进行网站重新设计，并使用SVG渲染设计中的一些图形。由于某些原因，与火狐相比，SVG在WebKit浏览器窗口中的移动速度约为31 to。屏幕截图：
以下是代码：
<svg version="1.1" id="shape1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" x="2" y="2" viewBox="-2 0 1
浏览 4提问于2014-05-07得票数 3
回答已采纳
5回答
带有CSS的垂直中心
、、、
我知道有很多方法可以用CSS来集中精力。水平地对着任何东西都是非常直接的。然而，如果你要垂直中心，这是一个全新的故事。我只想知道为什么我们不能只说底部对齐:自动；顶部对齐:自动；就像我们想要水平中心的东西一样？为什么像对中一样简单的东西在水平对中的时候看起来很难，这很简单吗？我知道有很多种方法，但是假设你有一个未知大小的元素，你想在另一个未知大小的元素中居中。
我已经坐了将近两天没有找到一个好的问题，这个答案，我们有很多不同的方式来集中项目水平，但为什么没有一个单一的CSS标准提出了一种方法，使这个垂直中心？这是件坏事吗？是让人哭泣还是随意分娩？它会融化核反应堆吗？
我们生活在2014年。似乎
浏览 3提问于2014-02-03得票数 2
回答已采纳
3回答
抱歉，我问了很多已经被解释过的问题，但是我在StackOverflow上看到的解决方案中没有一个是真正适合我的(表格单元格、文本对齐、垂直对齐.没有)。
这是一个交易:我所有的代码都在一个#box div中，这个div是处理对中和包含所有元素的代码。后面的第一个div是#菜单，如下所示：
<div id="menu">
<img src="img/logo.jpg" alt="logo">
<ul>
<li>menu1</li>
<li>menu2</li&
浏览 2提问于2014-09-23得票数 0
回答已采纳
2回答
我有一个帖子标题列表，上面有他们的特色图片。列表中的最后一个帖子标题是两行，所以它打乱了列表的对齐方式。下面是一张图片。我希望前三个帖子向上移动，以与最后一个对齐。
代码：
<div class="classes-links">
<?php
$args = array(
'post_type' => 'class',
'posts_per_page' => 4,
'order' => 'ASC'
浏览 0提问于2015-11-14得票数 0
什么是最简单的方法来对齐滑块与其右边的滑块的值？而不使用外部库。就用HTML5？为此我需要使用CSS吗？多么?
updateTextInput('0');
function updateTextInput(val) {
document.getElementById('amount').value = val; //update current slider value
// do other action here
}
<input type="range" id="rangeInput" name="
浏览 1提问于2018-02-23得票数 3
回答已采纳
下面是两个相同的div：
HTML
<div id="left"></div>
<div id="right"></div>
CSS
#left, #right
{
width: 100px;
height: 40px;
border: 1px solid gray;
display: inline-block;
}
这些渲染只是罚款，作为两个相同的盒子并排(小提琴：)。
但是在一个div中有文本，而另一个中没有文本，它们就错对齐了！(小提琴：)
这..。
<div
浏览 4提问于2014-02-24得票数 4
回答已采纳
2回答
因此，前几天我在玩CSS和浮动，偶然发现了一种奇怪的行为(坦白地说，我很惊讶我以前没有遇到过它)。我对此感到困惑(也不明白为什么我还不知道……)。
如果您有一个div (让我们叫他Bob)，并且尝试将它浮动到另一个div旁边(Jimmy)，那么它只能在以下情况下工作：
吉米也浮起来了
吉米来找鲍勃
所以如果我们有：
<div class="container">
<div id="one">Main Content 1</div>
<div id="two">Side
浏览 3提问于2011-07-09得票数 3
回答已采纳
9回答
我想要显示一个即使在用户滚动页面时也始终可见的div。为此，我使用了CSS position: fixed;。
现在，我还想在父div的右上角显示div。
我尝试使用下面的CSS代码来实现这个目标：
.test {
position: fixed;
text-align: right;
}
但它不会将元素在右侧对齐。
我的示例页面可以在中找到，我想要对齐的div元素在父类parent下称为test。
是否有任何CSS或JavaScript解决方案来对齐屏幕右侧的固定位置元素？
浏览 0提问于2010-05-14得票数 36
回答已采纳
3回答
滚动到页面上元素的底部
、、、
我希望实现点击锚标签和它滚动到元素在页面上的效果。
我已经把这个和放在一起了。就像这样：
$.scrollTo( this.hash, 1500, {
easing:'easeInOutCubic',
'axis':'y'
});
但是，我需要它对齐它，以便元素在它完成动画时位于视图的底部。页面上的每个部分都是不同的高度，因此需要动态地获取元素的位置和高度。
我很难计算出我需要计算哪些数字才能达到这个目的。
编辑
我现在把它改成这个了
var section = $(this.hash);
var scrollPos = $(s
浏览 0提问于2014-03-16得票数 0
回答已采纳
1回答
更改字体大小过渡方向
、、、
我正在尝试使它，以便当有人悬停在某个div中的链接上时，字体大小会稍微增加。我已经使用以下命令完成了此操作：
footer #mid .box ul li a:hover {
color: #ccc;
transform: translate(2%);
font-size:25px;
}
我遇到的问题是，当大小增加时，它总是在同一方向上增加，所以大小不是在所有四个边都增加，而是只在左边和底部增加。有没有办法让我的改变在所有尺寸上都是一样的，或者至少控制哪一边增加？如果有必要的话，我目前正在为这些元素使用绝对定位。
浏览 13提问于2017-06-26得票数 1
回答已采纳
3回答
使用此代码：
.header {
background-color: #444;
height: 56px;
color: white;
}
a {
padding: 20px;
}
input {
background-color: #444;
border: 0;
line-height: 24px;
margin-left: 10px;
color: white;
height: 56px;
padding: 0;
font-size: 20px;
vertical-align: middle;
}
<div class=&#
浏览 3提问于2015-06-22得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
