两个div怎么在同一行？

时间：2016.01.03 发布人：眞鈊de歖歡
两个div怎么在同一行？

已解决问题

谷歌眞鈊de歖歡用户在2016.01.03提交了关于“广州大学两个div怎么在同一行？”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2024-08-19T16:17:53。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，感谢你,我会记得你对我的好的 ！

希望以下的回答，能够帮助你。

第1个回答

用户名：QQ武细继己几歌句扬宽跳异Q303264442  

使用style="float:left"样式就可以让两个DIV在同一行，如下例山所示：

<!DOCT善当促被最白史令若益YPEhtml>
<head>
<title>Untitled</title>
</head>
<b谁然围草未活斯曲了始呢ody>
<divstyle="float:le齐氢身族ft;width:100px;backgrou故nd:red;">第一个</div>
<divstyle="float:left;width:100px;background:green;">第二个</div>
</body>
</html>

效果如下：

css中fl检充就查施写前oat说明：

float属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在CSS中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。

如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。

值描述
left元素向左浮动。
right元素向右协并业依灯在完处浮动。
none默认值。元素不浮动，并会显示在其在文本**现的位置。
inher但零举还若印尔it规定应该从父保条束风剂元素继承float属性的值。