调整大小时保持一个div的左边距与另一个div对齐
要调整大小时保持一个 div 的左边距与另一个 div 对齐，可以使用 CSS 中的 Flexbox 或 Grid 来实现。
如果想使用 Flexbox，可以按照以下步骤操作：
- 使用 CSS 将这两个 div 包裹在一个容器中，例如使用一个 div 容器来包裹这两个 div。
- 使用 CSS 将这两个 div 包裹在一个容器中，例如使用一个 div 容器来包裹这两个 div。
- 在容器的 CSS 样式中，设置 display 属性为 flex，这样容器的子元素会以弹性布局的方式排列。
- 在容器的 CSS 样式中，设置 display 属性为 flex，这样容器的子元素会以弹性布局的方式排列。
- 设置 div1 的左边距与 div2 的左边距相同。
- 设置 div1 的左边距与 div2 的左边距相同。
这样，无论调整容器的大小，div1 和 div2 的左边距始终保持一致。
如果想使用 Grid，可以按照以下步骤操作：
- 使用 CSS 将这两个 div 包裹在一个容器中，例如使用一个 div 容器来包裹这两个 div。
- 使用 CSS 将这两个 div 包裹在一个容器中，例如使用一个 div 容器来包裹这两个 div。
- 在容器的 CSS 样式中，设置 display 属性为 grid，这样容器将使用网格布局。
- 在容器的 CSS 样式中，设置 display 属性为 grid，这样容器将使用网格布局。
- 设置 div1 和 div2 的左边距为 0，这样它们会对齐容器的网格线。
- 设置 div1 和 div2 的左边距为 0，这样它们会对齐容器的网格线。
这样，无论调整容器的大小，div1 和 div2 的左边距始终保持一致。
推荐的腾讯云相关产品和产品介绍链接地址如下：
- 腾讯云容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版（TencentDB for MySQL）：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云轻量应用服务器（CLS）：https://cloud.tencent.com/product/cls
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
相关·内容
1回答
我正在设计一个两列的布局，其中一些文本坐在左边的列和一个大的img坐在右边。我使用col s12 l6，以便在较小的屏幕上将这两者叠加在一起。
我希望左边的文本在大屏幕上垂直对齐，但在较小的屏幕上正常执行。我用的是物化。
<div class = "container">
<div class = "row" style="border:solid">
<div class = "col s12 l6" style="border:solid">
浏览 0提问于2018-06-30得票数 1
回答已采纳
一个非常愚蠢的简单问题，我知道，但是..。对不起:)
我有2个div，一个是左边的列表，另一个是右边的详细信息。当我调整窗口的大小时，右边的div在第一个窗口下浮动，我想保持对齐，即使使用滚动条。如何做到这一点？
HTML
<div id="parent">
<div id="list">
...table list...
</div>
<div id="details">
...table details...
</div>
</d
浏览 6提问于2015-02-28得票数 1
回答已采纳
3回答
我正在尝试将3个div与完全相同的高度对齐。最右边的两个是完全相同的，都很好，但左边的大的一直在他们的上方。
我已经考虑到两个较小的div的边框宽度为2px，但这并没有改变任何事情。
我甚至将容器div设置为元素的确切高度，但它们仍然不是垂直对齐的：
<div id='section_4_row_1'>
<div id='double_wide_image'></div>
<div class='section_4_module top'>
&
浏览 2提问于2015-05-07得票数 1
我在一个绝对定位的div (标题)下面设置了一个左边的浮动div (导航)。除了左边的浮动div之外，我还有另一个div (文章)，它的页边距比浮动div的宽度稍大(通常用于两列布局)。导航和文章的上边距都是4em (标题的高度是3em)，导航div的位置有额外的4em边距。我可以解决这个问题，但我的问题是:为什么会有额外的利润。如果我省略了标题的绝对位置，看起来就像我期望的:标题-页边距-导航和文章在一行中。代码：
* {
box-sizing: border-box;
}
body { /*schalte voreinstellung Browser aus */
浏览 0提问于2016-11-03得票数 3
使用Visual Studio2008 WinForm设计器，我有一个容器(窗体、面板、分组框等等)和一些控件。
容器被设置为不以任何方式自动调整大小或停靠。在容器中放置控件时，我可以使用对齐线来帮助定位控件。
但是，当我将容器的大小调整到所包含控件的边缘时，对齐线不会出现……
有没有一种简单的方法可以让设计器在调整容器大小时显示所包含控件的对齐线？
浏览 3提问于2009-06-11得票数 1
2回答
嗨，我在缩小图像和导航栏之间的一个小间隙时遇到了一些困难。我真的试过了我能想到的一切。在ul和li级别设置内联块，并使用文本对齐:左侧似乎没有将超链接移动到div的最左边，从这里我不确定应该做什么。有一个垫子，但它不应该造成那么大的差距。
以下是html代码：
<div id = "header">
<img src ="img.png"/>
<div id ="nav_bar">
<ul class="nav&#
浏览 6提问于2014-01-22得票数 0
回答已采纳
1回答
我有一个如下所示的页面布局...
我需要的是，无论屏幕有多宽，两个粉红色列的左边缘总是对齐。边栏容器总是300px宽，
谢谢你的帮助
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example</title>
</head>
<body>
<div id="toolbar">
浏览 1提问于2012-07-02得票数 0
1回答
我的网站上有一个相当简单的标题：
<header>
<nav class="navbar navbar-inverse" style="">
<div class="navContainer">
<div id="navbar">
<div id="leftNavSection">
<img alt="My Logo" width="300" src="/
浏览 3提问于2016-10-05得票数 0
回答已采纳
我正在尝试创建一个全屏WPF应用程序，它跨越多个屏幕大小。然而，我发现，当程序在不同的屏幕大小时，窗口元素不能正确地缩放和定位自己。
即在VS2013
即运行时
我如何使该项目相应地扩大规模？例如，我希望按钮被定位到屏幕的左边或右边，列表框向上扩展以填充屏幕。
到目前为止，这是我的代码：
<Window x:Class="FYP.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x=
浏览 0提问于2014-12-06得票数 1
回答已采纳
HTML：
<div id="container">
<div class="item">Foo</div>
<div class="item">Bar</div>
</div>
CSS：
#container {
display: flex;
justify-content: center;
overflow: auto;
}
.item {
flex-grow: 1;
min-width: 200px;
ma
浏览 2提问于2013-10-25得票数 16
回答已采纳
3回答
我能够用text-align:center对水平列表进行居中，但我想知道如何将它保持在容器中的中心，但行却是左对齐的。
我的容器有百分之宽，所以当调整窗口和块的大小时，我需要它工作。
请查看下面的示例图像以了解我的问题：
更新：
我需要把我的<ul>放在div.container里面
浏览 0提问于2014-07-18得票数 0
我有一个问题，我已经苦苦挣扎了一整天。我有两个相邻对齐的div。问题是当我调整浏览器窗口的大小时(更小)，右边的div跳到左边的div下面。我为包含的父类指定了固定的宽度，并确保内部的两个div宽度不超过父类div的宽度。我的标记：
<div class="parent">
<div class="left">contents</div>
<div class="right">contents</div>
</div>
<style>
.parent
浏览 1提问于2012-05-29得票数 0
当我在图片旁边放置文本并将它们设置在屏幕上的同一点时，为什么它们不能正确地在所包含的div的顶部对齐？文本似乎比图像低一个或两个像素。是因为文字的高度吗？
下面是我关注的网站。我要头像的顶端和简历的顶端对齐。有什么想法吗？
浏览 2提问于2011-05-13得票数 0
5回答
我在HTML页面上做了一个标题，在这个页面中，图像对齐了页面的左边，图像对齐了右边。当我水平放大页面时，我希望有一个中心背景颜色是白色的，而当我水平缩小页面时，中心白色部分可以最小化为零。然后，当页面缩小时，右边的图像应该从右边剪掉。
我遇到的主要问题是，当我缩小页面时，右边的图像会下降到左边的图像下面。我怎么才能解决这个问题？中间部分也不是白色的。
HTML：
<div class="navlogo">
<div class="left">
<img src="Weir-Logo.jpg"&
浏览 0提问于2016-01-27得票数 0
回答已采纳
我正在努力使我的6个圆圈水平中心到中间的页面。我试着把它们放到一个.middle DIV中，里面有display: block和自动边距，但没有成功--看起来它们是与.middle的左边对齐的。
非常感谢你的帮助
.middle {
width: 980px;
height: 600px;;
display: block;
margin-left: auto;
margin-right: auto;
background: #ccc;
}
浏览 0提问于2013-09-07得票数 1
回答已采纳
2回答
用可伸缩的桌子包裹文本
、、、
中间的div两边都有两张桌子。我希望左边表格中的内容在右边对齐，右边表格中的内容在左边对齐。为此，我在左边的表中创建了一个额外的列，并在第一个单元格上设置了width: 100%，在第二个单元格上设置了white-space: nowrap。
问题是，由于nowrap属性，当表太小时，内容会溢出。我试着把word-wrap: break-word设为徒劳。如何强制内容与表的宽度相匹配？
到目前为止，这是我的代码：
#container {
height: 180px;
display: flex;
flex-flow: row;
align-items: s
浏览 5提问于2015-06-21得票数 0
回答已采纳
2回答
我想要完成的是：
有反应的站点
一个全宽度固定的标题，包含两个元素：
位于最左边的标志，
以及主导航栏。
实际上，在标头标记之外和正文中有一个h1，它显示在标头中，因为标题是半透明的。
这是网站。
问题是:在我的屏幕上，导航定位在我想要的位置。也就是说:最后一个链接与居中的内容区域的右侧对齐。
然而，当浏览器窗口被调整大小时，导航(预期)移动到左边，并最终在遇到徽标时断开。
我想要做的是让nav停留在主内容的右侧，直到它到达断点，在那里我将使用css媒体查询从那里修复它。
事先非常感谢！
下面是html：(我尝试了许多AP、浮点数、边距(%、px )等的组合。)
<
浏览 3提问于2013-06-01得票数 0
回答已采纳
4回答
我有两个硬币，绿色和红色。绿色必须出现在红色的左边，红色必须一直坐在右边。我试着对这两个div应用浮动，结果是绿色一直向右，红色出现在红色的左边。
知道吗？这是
演示
.three {
width: 100%;
border: solid 1px blue;
float: left;
height: 45px
}
.red {
width: 50%;
background-color: red;
height: 40px;
float: right;
}
.green {
width: 30%;
background-color: green;
浏览 6提问于2015-09-21得票数 2
回答已采纳
我已经寻找了几个小时来解决我的问题，但都失败了。我遇到的问题是两个按钮的垂直堆叠。
这就是我正在尝试做的事情:这里两次显示按钮的地方是我试图放置按钮的地方，但我所能做的就是让它们水平排列，而不是垂直排列。
大按钮小按钮
Smallbutton
代码：
<button type="button" style="clear: right; display: inline-block; " onclick="playbr()"> <img src="Images/Queen.png"
浏览 0提问于2014-01-01得票数 1
1回答
列中的文本不对齐，使用引导程序3
、、、、
我正在为我的列使用引导程序3，我试图将两列放在一起，左边的列有一个大的文本h4标题，右边的列是一个小的文本注释计数。
问题是，当在标题周围添加h4标记时，"1条注释“位似乎会跳到它所在的div的顶部，我希望它对齐到底部。理想情况下，我希望它与h4一样对齐，并向右对齐。
要显示的图像：
见注释位高于大标题文本:(
<!-- main content -->
<div class="row">
<!-- Articles -->
<div class="col-md-9">
浏览 4提问于2014-01-30得票数 1
回答已采纳
5回答
FireMonkey控件看起来不像VCL控件那样具有锚属性。如何使FireMonkey控件在窗体调整大小时自动调整？
浏览 6提问于2011-09-16得票数 3
回答已采纳
这是我为学校做的一个项目
问题是当浏览器调整大小时，图片库互相移动，然后将contact DIV推到左边。
我如何纠正这一点，使接触div不会被推到左边。
浏览 7提问于2015-02-21得票数 0
回答已采纳
我试图对齐Foundation5附带的开箱即用的选项卡。由于某些原因，默认情况下，它们是与左边对齐的，我不知道如何使这些表与屏幕中心对齐。我使用的代码相当简单( bog标准标签标记)
示例：
<ul class="tabs" data-tab>
<li class="tab-title active"><a href="#panel2-1">Tab 1</a></li>
<li class="tab-title"><a href="
浏览 3提问于2014-07-03得票数 3
1回答
我的回应主页上有个问题。当页面的宽度小于1024 is时，我希望这两个内容小部件在彼此下面并水平对齐。我定义了它们的宽度，并试图用margin: 0 auto对它们进行居中，但是它们停留在左边。
这是链接：
这是我的HTML：
<div class="home-left">
<h1 class="widgettitle">Title</h1>
<p>Text</p>
<div class="homebuttonbox"><a class="
浏览 5提问于2013-12-20得票数 0
回答已采纳
2回答
在我的网页上，你会看到一个名为#twitter的twitter div。
正如你所看到的，它看起来不在位置上，需要在它左边的4 #about div之后，但也需要与其他人对齐。它现在看起来像是被压下来了。
我还在所有#about框周围放了一个div，以便将它们与#twitter div分开。
下面是其中一个about框和twitter框的CSS：
#about1{
width: 260px;
min-height: 140px;
float: left;
margin: 0 20px 15px 0; background: url(../images/about_grad1.jpg) bot
浏览 0提问于2011-10-26得票数 0
回答已采纳
我有一个关于"div“标签的问题--包括文本和标题。因为我还不能上传图片(因为我是这里的一个菜鸟)，我将尽我所能解释。
一个"div“后面有一个"h1”和一个"p“。整个"div“是向左浮动的。
另一个"div“后面有一个"h2”和一个"p“。整个"div“是向右浮动的。
因为两个“文本-div”是相邻的，我希望它们中的"p“能够完美地对齐和镜像。因为我的"h1“比我的"h2”大，所以第一个"div“中的"p”比另一边的"p“更向下。
有什么聪明的办法解决这个
浏览 0提问于2012-08-21得票数 1
回答已采纳
4回答
我在Chrome、Firefox和Safari中尝试了以下代码，但我的div并没有居中。
HTML：
<!DOCTYPE html>
<html>
<head>
<link href="custom.css" media="screen" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="center">Hello!</di
浏览 0提问于2010-10-31得票数 3
回答已采纳
我正在做一个网站，我有两个<div position:absolute;left:Xpx;top:Ypx> (X和Y是数字)的问题，代码<div position:absolute;left:Xpx;top:Ypx>设置句子或图像或hr等的位置。在我的网站上，我用来设置我的句子，我把它放在中心位置，问题是当我恢复我的浏览器并调整它的大小时，我的句子的位置改变了！另一个问题是，当我转到另一台屏幕更大(或更小)的PC或笔记本电脑时，句子的位置变得居中向左！我认为" px“参数的问题是因为当你调整浏览器屏幕的大小时，px的位置会变小，就像不同的电脑有不同的屏幕。<
浏览 2提问于2012-07-19得票数 2
5回答
鉴于这种CSS：
div.container {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
border: 1px solid blue;
}
div.container div {
width: 200px;
border: 1px solid gray;
display: inline-block;
text-align: center;
}
此布局将每行中的第一项与左边对齐，最后一项按需要对齐到右边。
当浏览器窗口变得更窄时，分布式div元素将更紧密地移动到一起，
浏览 6提问于2015-10-07得票数 46
回答已采纳
我正在制作一个网站，我正在为我的内容对齐表。一个表用于导航栏，其他表用于其他内容。无论如何，我已经将这些表设置为float:left;和position:relative;。
问题是，每当我重新定位浏览器窗口时，所有的表都会移到最左边的表下。我如何解决这个问题？我想要它，这样桌子就不会在另一个下面移动。
出于某种奇怪的原因，这个应用程序不允许我发布我的代码。我可以发布它，但它不会正确地格式化整个事情。
浏览 5提问于2013-03-21得票数 0
我有TImage 800x600和图像1024x768。TImage与alClient对齐。是成比例的。TImage是散落的。
当我调整表单的大小时，图像也会调整大小，但是它的质量会降低，图像上的可见文本标签会缩小，无法读，甚至在将大图像加载到小TImage之后，我也会遇到同样的问题。
我怎么能解决这个问题？如何在TImage中调整图像的大小，使之具有质量，其中文本仍可读到任何正常大小？(例如，1024x768大小调整为500x400，文本仍可读)。
浏览 3提问于2014-07-06得票数 1
回答已采纳
1回答
在多行上切换内容
、、、
我有多个框，在多行上，切换内容应该放在所有框下面，从同一行的点击框，在最左边，而不仅仅是点击框的下面。这就是我所拥有的：
$('.show').click(function() {
$(this).parent().parent().find('.content').slideToggle();
$(this).parent().parent().siblings().find('.content').slideUp('fast');
});
.site-container {
max-width: 1200px
浏览 12提问于2019-11-12得票数 0
1回答
我想用一种非常奇特的方式对齐一个容器内的两个跨度。一个跨度应该是左对齐的，另一个是右对齐的，如下所示：
+---------------------+
|XXXXXXXXX YYYYYYYYY|
+---------------------+
但是，当涉及到重叠时，对齐的文本应该放在额外的一行中。如下所示：
+--------------+
|XXXXXXXX |
| YYYYYYY|
+--------------+
然而，下面的代码将第二个跨度对齐到左边。
div {
width: 40%; /* force narrow div to start with
浏览 3提问于2021-08-09得票数 1
回答已采纳
我已经得到了以下代码在FF上工作良好。正如你可以猜到的，我希望下面两个div保持在一行上，而不会在浏览器调整大小时中断。
<div style="float: left; margin-right: 10px; ">
</div>
<div style="overflow: hidden;">
</div>
但是像往常一样，当我用IE9测试页面时，右边的div已经在左边的下面了。
有没有人能帮帮我，谢谢
浏览 1提问于2013-03-04得票数 0
1回答
我想把我的视图“对齐”到我的窗口的右边，而不需要调整大小。我输入了下面的代码
tableContainer.autoresizingMask = NSViewHeightSizable | NSViewLayerContentsPlacementRight;
但它总是调整我的视图宽度。就像Photoshop中的面板一样。我该如何做到这一点？
浏览 3提问于2012-10-07得票数 0
回答已采纳
标题文本将位于居中的包装器白色中。头部有一个背景绿色，它一直定位到左边的0px位置，在调整大小时需要是流畅的。标题文本将与包装器文本的位置左对齐。
这个是可能的吗？
浏览 1提问于2011-07-16得票数 1
2回答
我试图找出如何编码我的HTML & CSS，使3张截图图像像下面的截图一样对齐。
这个想法是当用户调整窗口大小时，左边和右边的图像应该向中心移动，或者在主图像后面更紧，主图像始终保持居中。
My Dev Link:
My CodePen
建议或方向将是超级感激！:D
HTML
<div class="pattern">
<div class="athena_thumbs">
<div class="first">
<img src=
浏览 2提问于2013-03-10得票数 5
回答已采纳
我试图用宽度为1000 in的div对中，然后在该div内从左侧边缘对齐10 in的文本，并在中间对齐图像，但我遇到了麻烦。文本被从屏幕的左边推开，图像位于屏幕的左边。
我不明白我在这里做错了什么。我敢肯定解决办法是显而易见的，我只是太笨了。
<!DOCTYPE html>
<html>
<head>
<style>
body {
margin: 0;
padding: 0;
background-color:red;
}
div#headerinner {
position: relative;
margin-left: auto;
mar
浏览 4提问于2014-07-05得票数 1
回答已采纳
1回答
我在HTML页面上有两个水平对齐的表，一个在左边，另一个在右边，当浏览器最大化时，它们看起来很好，但是当窗口的大小减小时，它们就失去了水平对齐。对于这两个表，我使用了下面的CSS。
表1
.viewTable {
background-color: #eeeff4 !important;
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 20px;
width: 79% ;
margin-left:0;
float: left;
clear:both;
浏览 1提问于2015-06-09得票数 1
回答已采纳
我有两个相同的引导列，它们位于另一个全尺寸列下面，如下所示：
我希望将第一列的左边与上DIV的左边匹配，并将第二列的右边匹配到上DIV的右侧，如下所示：
但是如果我从列中移除左边和右边的填充物，当它们堆放在小屏幕上时就会产生问题。与右边相比，第二列看起来离左很远，如下所示：
.section-1 {
padding-left: 0px;
}
.section-2 {
padding-right: 0px;
}
我无法找到理想的方法来正确地对齐它们，因为我希望(最左/最右边)与上面的div对齐，并且在叠加时仍然得到正确的结果。
浏览 10提问于2016-07-15得票数 1
回答已采纳
如何在屏幕中间对齐离子卡(垂直和水平)？
在iOS模拟器上调试显示卡，但左边的边距比右边的要大。所以不是真正的中心。要正确地居中，我必须使用left: 47.5%；而不是left: 50%
简单离子卡
出错了！
sass文件中的样式
.error {转换: translateX(-50%) translateY(-50%)；顶部: 50%；左: 50%；位置:绝对；.错误标题{位置:相对；文本对齐:中心；顶部: 36%；字体大小: 3.0em；宽度: 100%；字体重量:粗体；颜色:红色；}.错误体{字体大小: 1.0em；文本对齐:中心；位置:相对；顶部: 52%；宽度: 100%；
浏览 0提问于2018-07-27得票数 1
所以我在的网站上工作。在我们的主页上，页面的左下角有4-div元素。
我尝试将中间的两个div (id=text-9和id=text-10)与左边的两个(id=delivered和id=savehours)对齐。
当我将这些I添加到CSS页面时，DIVs会进一步忽略添加到I的边距。
所以我的问题是:我如何向这些ID添加保证金并使用它？如果我进一步向上修改DIVs上的CSS，可能会更改整个站点的元素。
感谢你的见解，如果术语不准确，我也深表歉意。我不确定我遇到的问题是否被认为是父/子div问题。
浏览 1提问于2013-02-21得票数 0
1回答
我已经设置了一个可调整大小的div：
$("mydiv").resizable();
现在，当你要向右调整大小时，光标会离开实际的调整大小部分。因此，如果光标碰到屏幕的一侧，您必须松开鼠标，返回并重新开始调整大小，如果您想让它变大。我知道对于可拖动的，有一个用于cursorAt的选项，它将告诉光标停留在该分区上。我查看了jquery ui.com，但没有看到可调整大小的cursorAt。有没有办法在调整大小时将鼠标光标保持在可调整大小的部分？
浏览 5提问于2009-11-14得票数 0
回答已采纳
4回答
请参阅：
我想做的是:水平地，把第一句放在左边，另一个放在右边。垂直地，我想把它们对齐到底部。这两句话的字体大小不一样。我搜索了这个主题一段时间，并认为display:table-cell应该工作，但你看，这两个句子不是底部对齐。任何帮助都将不胜感激！
<div class="di_header">
<div class="di_h_en"><p>I'm left</p></div>
<div class="di_h_cn"><p>I&#
浏览 2提问于2014-03-11得票数 1
回答已采纳
1回答
当浏览器调整大小时，我很难创建一个不“包装”的内联导航菜单。无论我尝试什么(容器、最小宽度等)它看起来与in...you猜的非常不同，IE (用IE8进行测试，同时使用最新的FF和Chrome)。我是个新手，请原谅我的混乱。该地点是
注意:一个标志的样式与CSS和浮动在一个单独的div在左边的导航，所以他们对齐。
html:
<div id="logo">
<a> ROBERT WATKINS </a>
</div>
<div id="navigation" cl
浏览 2提问于2012-02-03得票数 1
2回答
div行和列背景色
、、、
我有问题，我的行的背景，我不能最大化的内容左边，所以我有这个小空间与不同的颜色。
截图-
我需要改变与内容相同颜色的小空间。
CSS
.row .twelve {
background: #f2eee3;
}
HTML
<div class="row" style="box-shadow: 0 3px 0px 0px #888888, 7px 0 7px -4px #888888, -7px 0 7px -4px #888888;">
<?php get_header(); ?>
<div id=
浏览 5提问于2014-10-15得票数 3
回答已采纳
所以我有一个div，它看起来像
<div id="socialMediaBarHomepage">
<div id="homepageNewsLink">
<img src="" alt="" class="mr_10"/>
<a href=""></a>
</div>
<div id="socialMediaHeaderBar" class="fl_right">
浏览 2提问于2012-12-22得票数 0
回答已采纳
我有一个与左边对齐的<div>元素，尽管我的身体将text-align设置为center。当我的<div>在style属性中设置了width时，我才进行了实验，并注意到它与左对齐。如何在拥有<div>时使width正确对齐
示例：
<!DOCTYPE html>
<html>
<body style="text-align: center">
<div style="width: 200px">
This div aligns to the left.
浏览 4提问于2016-01-24得票数 1
回答已采纳
2回答
我在一个页面中只有一个div。现在，当我将它的位置指定为绝对位置并给出它的== -left 20px时：
我能理解。div元素应该右移20px，以便在div和正文之间存在20px的边距。
现在，当我从右侧开始提供20px的边距时，整个div不应该向右侧移动，与主体之间的间隙为20px吗？
.container{
position: absolute;
background-color:gray;
margin-right: 50px;
height: 200px;
}
我知道我可以定位div，给出left和right的值。但真正的问题是，左边缘行得通，而右边界行不了！WHy是这样的吗？感谢
浏览 0提问于2013-05-09得票数 3
回答已采纳
我的页面顶部有以下非常基本的菜单栏：
左边的“汉堡包”菜单与左边对齐，宽度向右扩展。一切都很好：
然而，右边的也对齐到左边，宽度向右扩展。这不是很好：
我怎样才能让右边的菜单靠在右边的边缘，就像左边的菜单靠在左边的边上一样？
我的html在下面。css有点长(因此，)，但很简单。
<div id='header'>
<div id='headerContent'>
<div id='breadcrumbs'>
<div id=&
浏览 3提问于2016-12-08得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
