找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 8843|回复: 6

样式清除不了

  [复制链接]
发表于 2015-6-3 21:43:39 | 显示全部楼层 |阅读模式
想把文章排成:
第一行:标题

第二行:作者,点击数,添加时间


第三行:文章简介


文章的模板是这样写的
000.png

CSS是这样的:
QQ图片20150603213833.png

但是结果是文章简介下不去,排到添加时间后面来了,这是为什么?
QQ图片20150603213910.png





回复

使用道具 举报

发表于 2015-6-3 23:01:53 | 显示全部楼层
将样式加上宽度,当你添加float属性之后会把块元素转换为内联元素,所以就失去了宽度!
  1. .edit_01 li{
  2. height:30px;
  3. line-height:30px;
  4. color:#ccc;
  5. float:left;
  6. width:100%;
  7. margin-right:10px;
  8. }
复制代码

回复

使用道具 举报

 楼主| 发表于 2015-6-4 11:18:39 | 显示全部楼层
加上WIDTH:100%后也不行,
更新后是这样的了。
QQ图片20150604111715.png

元素审查出来是这样的。
QQ图片20150604111645.png
DD .M是左边的图片

dt是标题,就是下面加了一个dd,里面有个UL
回复

使用道具 举报

 楼主| 发表于 2015-6-4 11:24:14 | 显示全部楼层
QQ图片20150604112532.png
这样写以后,就能排到下面,不过作者,时间什么的,不能在同一排了。


QQ图片20150604112600.png

回复

使用道具 举报

 楼主| 发表于 2015-6-4 11:32:03 | 显示全部楼层
0.png
2.png

回复

使用道具 举报

发表于 2015-6-4 19:19:48 | 显示全部楼层
  1. .edit_01 li{
  2.     float:left;
  3.     width:32%;
  4.     margin-right:1%;
  5. }
复制代码
回复

使用道具 举报

 楼主| 发表于 2015-6-4 20:20:06 | 显示全部楼层
谢谢,我已经弄好了。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|Discuz代码分析|Discuz目录结构|DZ起点网 ( 蜀ICP备13000518号-15 )

GMT+8, 2024-5-15 15:15 , Processed in 0.058209 second(s), 20 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表