当前位置：网站首页 > IT知识 > 正文

关于ul里边的li浮动后边的p不独占一行问题

liuian 2024-12-05 14:25 43 浏览

为什么ul里面的li元素浮动起来以后本应该独占一行的P标签会跟着上去贴着li元素的内容呢？引入的一个CSS里面把除非设置Ul的行高，这样P标签才会下拉，这是为什么？

下图是出来的没加css效果

刚开始我也是烦，但是后来看了一下资料知道是怎么回事了。这是因为浮动使得li脱离正常的文档流，li的父元素ul的高度变为0，这时，与ul相邻的p元素的位置就上去了。又因为浮动会对邻近的内容进行缩进，所以p元素里面的文字会贴着li，如果p元素里的文字足够多，你会看到p元素里的文字是环绕li的，这就是浮动最本质的工作。当你设置ul的高度后，ul的一些性质不再受浮动的影响，p因此就下去了。所以浮动用过之后要留意了，一不小心就捣蛋滴。

ul li

上一篇：Bash、Source、“.”和“./”执行的区别
下一篇：Jacoco代码覆盖率统计

相关推荐

繁体字输入法下载（繁体字输入法下载安装）: 你下载百度手机输入法，默认的就是双拼，可以自己选择26键拼音输入01打开苹果手机，找到苹果商城，02打开下载中心，搜索“搜狗输入法”，03下载搜狗输入法，04等下载完成后桌面上会显示搜狗输入法，05然...

国产操作系统概念股（国产操作系统概念股票）: 　　那么怎么构建该系统呢？一般情况下都是从以下几个方面：　　第一、选股方法。虽然靠着均线能选股，靠着指标也能选股，但是系统性的选股方法则是要结合宏观经济整体运行位置和环境，行业发展现状和前...

电脑主机开机没反应（电脑主机开机没反应电源灯亮）: 操作方法01第一种情况是电脑完全没有反应，那么就可能是电源没有连接上，检查插线板和机箱插头，重新插好就好了。?02还有是电脑机箱已经开启，但是显示屏还是黑的，那么这种情况就有可能是显示屏的电源没有连接...

cad激活码2010（cad激活码和序列号）: 1.首先激活码出现问题,需要进行激活确认。首先需要的中进入电脑C盘。2.可以先点击组织设置隐藏文件夹显示。3.勾选显示隐藏文件夹。4.找到C:\ProgramData文件夹,打开找到CAD文件夹。5....

联想windows7笔记本怎么连接网络: 检查笔记本的无线网卡驱动1.右键我的电脑，点击“属性”，选择左侧“设备管理器”2.点击“网络适配器”，如果方框内没有驱动，请下载驱动精灵万能网卡版安装网卡驱动二、若发现驱动前面是感叹号的&...

iphone自动关机设置方法（iphone如何设自动关机）

淘宝电脑版网页入口（淘宝网电脑版网页官方）: 网站地址：https://www.taobao.com/网站链接：进入网站服务器IP：116.253.191.241网站描述：淘宝网首页,淘宝网-亚洲最大、最安全的网上交易平台，提供各类服饰、美容...

大学生用哪个牌子的笔记本电脑好: 荣耀MagicBook14英寸轻薄窄边框笔记本电脑（AMD锐龙58G512GFHDIPS正版Office）冰河银这款的性价比较高。也可以根据自己的预算选同系列其他型号。...

苹果怎么查询手机激活时间（苹果手机如何查询手机激活时间）

免费手机模拟器（免费手机模拟器下载）: 目前能成功在电脑上模拟苹果系统的iOS模拟器，对比市面上常见的安卓模拟器少太多了，主要原因还是iOS系统比较封闭，难于开发。虽然前面说开发很困难，但是国内还是有一些厉害的IT小组成功推出了iOS模拟器...

免费主题商店app下载（免费主题商店app下载苹果）

新手怎么制作word表格（工作表格制作）: 步骤如下：1、本次演示使用的软件为word文字处理软件，软件版本为Microsoftoffice家庭和学生版2016。2、首先打开Excel电子表格，根据问题描述，我们在word中插入两页表格。3、...

电脑开机启动进不了系统怎么办: 一、修复错误如果频繁无法正常进入系统，则开机后马上按F8，看能否进入安全模式或最后一次配置正确模式，如能则进入后会自动修复注册表，并回忆前几次出现不正常现象时进行了什么操作，并根据怀疑是某个应用软件导致问题产生，将其卸载，然后正常退出，...; 2026-01-02 13:05 liuian

win11任务栏隐藏不了（win11任务栏怎么隐藏）: 方法/步骤：　　1、打开电脑桌面，双击我的计算机。　　2、打开控制面板。　　3、点击类别切换到大图标或小图标。　　4、找到通知区域图标打开。　　5、选择显示图标或隐藏图标也可以仅显示通知，选好以后点击...

win10怎么打开系统更新（怎么开启windows10更新）

一周热门

最近发表

首页
收录
顶部