`

两个DIV同行不换行

    博客分类:
  • css
阅读更多
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
</style>  
	<body>
		<div id="div1" style="background-color:blue;height:100px;width:200px;float:left;">
		</div>
		<div id="div2" style="background-color:green;height:100px;width:200px;float:left;">
		</div>
	</body>
</html>

分享到:
评论

相关推荐

    解决layui的input独占一行的问题

    若想让多个input同行显示,则可以将这些input放置在同一个大的div中,然后给这个大的div设置layui-input-item类,并为每个input的div设置layui-inline类。 3. 在有些布局场景下,我们可能希望一组控件显示在同一...

    div和span的区别

    &lt;p&gt;div标记不同行: &lt;div&gt;在线_logo.gif" border="0"&gt;&lt;/div&gt; &lt;div&gt;在线_logo.gif" border="0"&gt;&lt;/div&gt; &lt;div&gt;在线_logo.gif" border="0"&gt;&lt;/div&gt; &lt;p&gt;span标记同一行: &lt;span&gt;&lt;img src="www.csscss.org_CSS在线_logo.gif...

    CSS_浏览器兼容

    - **问题描述**:在某些情况下,需要让一个div中的内容垂直居中显示,但在不同的浏览器中可能会遇到显示不一致的问题。 - **解决方案**:可以通过设置`line-height`等于`height`的方式来实现垂直居中,但是这种...

    CSS基础知识.docx

    * absolute(绝对定位):参考距其最近一个不为 static 的父级元素通过 top, bottom, left, right 定位 * fixed(固定定位):所固定的参照对像是可视窗口 七、CSS3 新特性 CSS3 中新增了许多新特性,例如: * ...

    HTML&CSS学习笔记.pdf

    而行内元素(如`&lt;span&gt;`, `&lt;a&gt;`, `&lt;img&gt;`等)则只占用它们需要的空间,并在同行显示,不会造成换行。 **HTML标签属性** 标签属性为标签提供了附加信息,增强了元素的功能。属性名和属性值由等号连接,并通常被放置...

    CSS中将Span标签设置为固定宽度的方法

    补充一点,如果你想要在`&lt;li&gt;`元素中使`&lt;span&gt;`标签居右对齐且不换行,可以利用相对定位(relative)和绝对定位(absolute): ```css li { position: relative; } li span { position: absolute; right: 0px; }...

    CSS元素居中布局的简单方法

    它们通常不具有固定的宽高,且无法设置上下的margin和padding,因为它们会形成一个不可定制的盒子。行内块元素则是通过display:inline-block;设置的,比如img标签。它既不是内嵌元素也不是块级元素,可以设置宽度和...

    DTS-B20

    接着是`&lt;html&gt;`元素,它是整个文档的根元素,包含两个主要部分:`&lt;head&gt;`和`&lt;body&gt;`。`&lt;head&gt;`包含了元信息,如标题、字符编码等,而`&lt;body&gt;`则包含网页的可见内容。 2. **元素与标签**:HTML由一系列元素组成,每...

    Css浏览器兼容的解决方法

    IE6不支持`min-height`,但可以通过两种方法解决: 方法一: ```css #DIVname { min-height: 150px; *height: auto !important; /* 仅针对IE6 */ _height: 150px; /* 仅针对IE6 */ overflow: visible; } ``` ...

Global site tag (gtag.js) - Google Analytics