Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 为什么';该div是否强制以下div向右移动?_Html_Css - Fatal编程技术网

Html 为什么';该div是否强制以下div向右移动?

Html 为什么';该div是否强制以下div向右移动?,html,css,Html,Css,我试图使用一个div作为一个空格div,以便将后面的div进一步向右移动 风格 HTML 注:此处显示1 注:此处显示2 注:此处显示3 正如您在JSFIDLE中看到的那样,这不起作用。我做错了什么?缓冲区div也需要浮动。浮动和非浮动元素不会相互干扰。缓冲区div也需要浮动。浮动和非浮动元素不会相互干扰。为什么不执行以下操作呢。如果您有尽可能少的标记来实现您的目标,并且如果您只想添加一些空间,那么边距就可以了 <div id="note-1" class="note">

我试图使用一个div作为一个空格div,以便将后面的div进一步向右移动

风格

HTML


注:此处显示1
注:此处显示2
注:此处显示3

正如您在JSFIDLE中看到的那样,这不起作用。我做错了什么?

缓冲区div也需要浮动。浮动和非浮动元素不会相互干扰。

缓冲区div也需要浮动。浮动和非浮动元素不会相互干扰。

为什么不执行以下操作呢。如果您有尽可能少的标记来实现您的目标,并且如果您只想添加一些空间,那么边距就可以了

<div id="note-1" class="note">
    note display here1
</div>
<div id="note-2" class="note">
    note display here2
</div>
<div id="note-3" class="note">
    note display here3
</div>

如果您想实际使用“#buffer_div”来包含一些内容,比如边栏,那么您也需要在边栏中添加一个float。如果希望一组元素显示在一行中,那么向所有元素添加一个浮点数没有什么错。

为什么不执行以下操作呢。如果您有尽可能少的标记来实现您的目标,并且如果您只想添加一些空间,那么边距就可以了

<div id="note-1" class="note">
    note display here1
</div>
<div id="note-2" class="note">
    note display here2
</div>
<div id="note-3" class="note">
    note display here3
</div>

如果您想实际使用“#buffer_div”来包含一些内容,比如边栏,那么您也需要在边栏中添加一个float。如果希望一组元素显示在一行中,则向所有元素添加一个浮点数没有错。

您的div为空,因此不占用任何空间。如果你想有一个左间隔,只需删除该div并执行以下操作

.note:first-child {margin-left: 150px}

您的div为空,因此不占用空间。如果你想有一个左间隔,只需删除该div并执行以下操作

.note:first-child {margin-left: 150px}

一种更简单的方法(除非有很好的理由进行缓冲区div)是将缓冲区div的所有notes子项设置为“左边距”,然后将“宽度”更改为“左边距”。

一种更简单的方法(除非有很好的理由进行缓冲区div)是将缓冲区div的所有notes子项设置为“左边距”.

这就是我目前正在做的,但我想找到另一种方法,因为我在页面上做一些ajaxy的东西,第一个音符会动态变化。这是最整洁的方法。我尝试添加float-jsfiddle.net/PsQBD/12,但我认为我做得不对,因为它仍然不工作?如果它会动态变化,为注释定义一个包装器/容器div,并在其上留一个空白。比这个“缓冲区”div好得多。@ben,即使你正在用div的内容做一些动态的东西,所有的定位都会保留下来。这就是我目前正在做的,但是我想找到另一种方法,因为我在页面上做一些ajaxy的东西,第一个注释会动态变化。这是最整洁的方法。我尝试添加float-jsfiddle.net/PsQBD/12,但我认为我做得不对,因为它仍然不工作?如果它会动态变化,请为注释定义一个包装器/容器div,在上面留一个空白。比这个“缓冲区”div好得多。@ben,即使你对div的内容做了一些动态处理,所有的定位都会被保留。@ben,div没有内容,所以不会被渲染。div需要一些填充内容,比如不间断的空格(
)或者它需要一个高度(在css中,例如:
高度:1px
)将一些内容添加到缓冲区div中。即使是a和第二个jsFiddle也可以工作。@ben,div没有内容,因此无法呈现。div需要一些填充内容,例如不间断的空格(
),或者它需要一个高度(在css中,例如:
高度:1px
)向缓冲区div添加一些内容。即使是a和第二个jsFiddle也可以工作。
.note:first-child {margin-left: 150px}