单独移动文本 div 标签答案

【问题标题】：moving text div tags individually单独移动文本 div 标签
【发布时间】：2010-08-14 07:38:21
【问题描述】：

我正在尝试将文本移动到我的标题旁边，但它无法使用边距 - 当我尝试移动它时，所有文本框都会移动，即使每个文本框都是单独的 div 标签。

这是我这部分的代码

<body>
<div id="wrapper">
  <div id="header">
    <h4><strong>Qtek Australia</strong></h4>
    <div id="home">Home</div>
    <div id="Aboutus">About us</div>
    <div id="Contactus">Contact us</div>
     <div id="Location">Location</div>

  </div>

我正在搬家，关于我们，请联系我们并在标题“Qtek Australia”右侧的位置，请帮助

【问题讨论】：

您到底想在视觉上完成什么？其他一切都在移动，因为这些都在流动中呈现，并且边距会影响它们周围事物的间距。很可能您需要使用定位+边距、浮动或某种组合，但我不能说，因为它不清楚您想要做什么。标头是指div#header 还是h4？

标签： text html css tags margins

【解决方案1】：

您可以尝试将 h4 包装在另一个 div 中并将其放置在您想要的位置。如果这是您已经尝试过的方式，另一种方式可能是将您要放置在左侧的三个 div 包装在一个 div 中，另外四个在另一个 div 中并在这两个 div 周围移动。它应该更容易，即使你这样做会得到精神分裂症。

【讨论】：

【解决方案2】：

我会说您的文档语义非常模糊。您可能不需要在标题中使用 STRONG - 可以想象，您确实是要强调其中表达的思想，但我怀疑您只是希望标题显得更粗。使用 CSS 来实现这一点，如：h4 {font-weight:bold; font-size: 14em;}。

也可以想象，您的页面从某个主题的第四级开始导航最有意义，但这不太可能；在绝大多数情况下，导航将存在于更高的位置 - 在 h1 或 h2 之下。

如果它是一个无序列表，您的导航本身会更加连贯。

首页
关于我们

这还具有允许您将导航元素设置为一组或单独设置样式的优点。

您可能不需要将元素包装在所有这些 div 中。 HTML 中的大多数元素都是容器——标题、列表、段落，几乎所有东西都可以自己设置样式——包括定位和移动。

例如，将导航列表定位到 h4 右侧的一种方法是使用“display:inline”或“float:left”设置 h4 样式，这会将以下元素（列表）带到同一行。有很多不同的方法可以实现这种定位，甚至不清楚这就是你所追求的。

澄清你的意思；如果您发布您正在使用的任何 CSS 或 JavaScript，它会有所帮助。

【讨论】：

+1 表示该方法可能不符合目标。冒着犯异端的风险，有时表格对于这样的事情并没有那么糟糕。不过，修改 display 和 float 属性可能会起作用，但请注意，除非您明确调整容器大小，否则浮动通常不会表现一致。
我也不会将表称为异端——表本质上并不坏，只是它们可能不是表达此实现语义的正确结构。我的意思是要说明我们需要更多信息才能提出有效的解决方案。我同意我的第一种方法可能是 DISPLAY，因为它具有更高的可预测性。