CSS样式中ol列表问题

[baidu_36161142]

大家好，我是新人，现在正在初学php，所以先学习div+css，但是在练习过程中，遇见一些问题，希望和大家交流下，希望大家能够不吝赐教。


如图所示，背景大红色是一个大的div,里面包含图片合li文字，但是我发现用OL排序的时候，那个数字怎么跑到div前面去了？按道理说，不应该在div里面的嘛。百思不得其解，而且，现在的问题是，怎样才能把它放回到div标签中。我另外新建一个网页，把代码复制过去的时候，是在div里面的。


一开始我考虑是不是网页中其它部分的li影响了，但是并没有啊，所有的li都是独立配一个class的，有没有人知道这个问题怎么解决呢



这个是我正在做的网页，ol排序数字不知道为什么就出来了，而且我一开始*{padding：0；margin:0;}这些都归0了。（PS：我只是做练习，方便用，恩看视频的时候，强调过，尽量不要用*号。）



这个是我做实验的一个，图片就没费心思弄过来。

[letMeAlone_]

问问题，贴代码，你说没写错难道就真的没错了吗？

[baidu_36161142]

引用 1 楼 a250758092 的回复:

问问题，贴代码，你说没写错难道就真的没错了吗？

开始是想着贴代码来着，但是不知道怎么贴合适，因为写的是一个网页，而这个是其中一个问题，其实我除了加一个背景，也没干啥= = 就是默认情况了。恩现在补上。

[baidu_36161142]

以下是网页中所有应用li css部分 贴图





个人认为这些是不冲突的，因为都是在不同div标签下的li .不知道我这么用对不对。=。=
@纯黑的身心

[letMeAlone_]

我本来是不想回你的，想想还是算了，难道上传图片比直接复制代码更简单吗。。。另外，我也没细看，造成这种情况有可能是因为ol的padding被设置成了0，但是在你代码中没看出来

[浪子回头8]

ol前的数字不好控制，还不如用程序生成序号呢，再用CSS去掉原来的样式 ol li{ list-style:none;}

[baidu_36161142]

引用 4 楼 a250758092 的回复:

我本来是不想回你的，想想还是算了，难道上传图片比直接复制代码更简单吗。。。另外，我也没细看，造成这种情况有可能是因为ol的padding被设置成了0，但是在你代码中没看出来

[img=https://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/001/face/10.gif] [/img] 恩，开头有设置 *{margin:0;padding:0} 这个有影响嘛？ 主要是复制代码 看着太多 怕你们看的不耐烦，图片简单方便查阅，看起来不会很累=。=

[baidu_36161142]

引用 5 楼 masxq 的回复:

ol前的数字不好控制，还不如用程序生成序号呢，再用CSS去掉原来的样式 ol li{ list-style:none;}

=.= 用程序生成序号？这个暂时还不会呢。我是初学者=。=

[baidu_36161142]

我试了下，确实是padding设置为0的原因，谢谢 @纯黑的身心

[xiaoxiangqing]

要把ol的padding,margin设为0

[letMeAlone_]

引用 8 楼 baidu_36161142 的回复:

我试了下，确实是padding设置为0的原因，谢谢 @纯黑的身心

是就好了，不过你要学会怎么发帖，代码记得不要发图片

[letMeAlone_]

引用 8 楼 baidu_36161142 的回复:

我试了下，确实是padding设置为0的原因，谢谢 @纯黑的身心

我忽略了你的*{padding:0},怪不得说看不到，另外，请结贴,哈哈

[baidu_36161142]

引用 11 楼 a250758092 的回复:

[quote=引用 8 楼 baidu_36161142 的回复:] 我试了下，确实是padding设置为0的原因，谢谢 @纯黑的身心

我忽略了你的*{padding:0},怪不得说看不到，另外，请结贴,哈哈[/quote] 嗯嗯好的，谢谢。