ul标签中嵌套div，div会换行显示，如何让ul和div水平显示在同一行

Posted 2023-04-01

没看过这类ul嵌套div的写法的，要使列表和div水平显示在同一行，其实很简单，方法如下：
<ul>
<li>123</li>
</ul>
<div>123</div>

CSS代码：
ul
width:宽度;
height:高度;
float:left; //左浮动

div
width:宽度;
height:高度;
float:left; //左浮动

欢迎追问！ 参考技术A 需要设置浮动吧。让div左浮动。或者改他的显示方式

004. html篇之《标签分类和嵌套规则》

弦歌的html篇 之 《标签分类和嵌套规则》总结

html篇之《标签分类和嵌套规则》

一、常用标签

(1) <div></div>

• 一个区块容器标记，可以包含图片、表格、段落等各种html元素

(2) <span></span>

• 没有实际意义，为了应用样式

二、标签分类

(1) 块级标签

• 独占一行，会换行
• 包含：

    <div></div>、<ul></ul>、<ol></ol>、<li></li>、
    <dl></dl>、<dt></dt>、<dd></dd>、<h1>~<h6>、
    <p></p>、<form></form>、<hr /> ……

(2) 行内标签

• 同在一行，不换行
• 包含：

    <span></span>、<b></b>、<em></em>、<img />、
    <input />、<a></a>、<sup></sup>、<sub></sub>、
    <textarea></textarea> ……

三、标签嵌套规则

• 块级元素可包含行内元素和某些块级元素
• 行内元素不能包含块级元素，只能包含其他行内元素
• 块级元素不能放在<p></p>标签内
• 特殊块级元素只能包含行内元素，不能包含块级元素，例如：<h1>~<h6>、<p></p>、<dt></dt>
• 块级元素与块级元素并列，行内元素与行内元素并列

---

我是弦歌，
一个渴望成长的前端小白，
欢迎您的留言，
更期待您的不吝指正。

若我的内容能帮助到您，欢迎关注我哦 ♥
记得点赞收藏哦 ♥