a 的默认行为是div什么？
我注意到，即使为 div 设置一个宽度，比如说 100px，如果我将第二个具有相同宽度的 div 放在第二行。所以默认情况下，宽度无关紧要。它把它放在不同的线上？在这种情况下，我理解浮动的需要。我认为我在 html 页面中放入的任何元素，除非我添加中断元素或段落或具有该角色的东西，否则它们将并排放置。或者也许我没有正确使用它来div进行这种对齐，但我真的很想澄清这一点。
问问题
55 次
3 回答
1
Divs are block-level elements which mean they stack...like blocks. Although it sounds reasonable that since the width would allow them to fit side-by-side without a float, this is not how they are designed to behave.
If an element is an inline element as opposed to a block, its behavior is to fit side-by-side. You can force this behavior on a div if you would like by tying the two ideas together. You can do something like:
<div style="display:inline-block"></div>
This will allow the div to maintain its other block properties but allow it to fit inline as text and images would and, if this the your desired goal, avoid the use of float.
于 2013-04-11T15:05:08.510 回答
1
默认情况下，div 元素是display: block.
该值导致元素生成块框。
此处描述了它们的渲染
块级元素是源文档的那些在视觉上被格式化为块（例如，段落）的元素。'display' 属性的以下值使元素成为块级：'block'、'list-item' 和 'table'。
块级框是参与块格式化上下文的框。
然后在这里
在块格式化上下文中，框从包含块的顶部开始一个接一个地垂直排列。
要停止这种渲染，您可以使用float使块级元素在彼此旁边冒泡。您还可以修改 div 的显示属性。
于 2013-04-11T15:00:58.130 回答
0
默认情况下，DIV 占据屏幕的 100%，即使你设置它的宽度，右边的空间也不能被任何东西占据。
尝试这个：
在同一行上有两个 div 的方法是让它们浮动：
<div style = 'float:left;width:500px;background-color:red;color:white;'>Hey</div>
<div style = 'float:left;width:100px;'> There</div>
于 2013-04-11T15:01:05.007 回答