ALLY 发表于 2015-6-3 21:43:39

样式清除不了

想把文章排成：
第一行：标题

第二行：作者，点击数，添加时间


第三行：文章简介


文章的模板是这样写的


CSS是这样的：


但是结果是文章简介下不去，排到添加时间后面来了，这是为什么？






技术帮助 发表于 2015-6-3 23:01:53

将样式加上宽度，当你添加float属性之后会把块元素转换为内联元素，所以就失去了宽度！
.edit_01 li{
height:30px;
line-height:30px;
color:#ccc;
float:left;
width:100%;
margin-right:10px;
}

ALLY 发表于 2015-6-4 11:18:39

加上WIDTH：100%后也不行，
更新后是这样的了。


元素审查出来是这样的。

DD .M是左边的图片

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

ALLY 发表于 2015-6-4 11:24:14


这样写以后，就能排到下面，不过作者，时间什么的，不能在同一排了。




ALLY 发表于 2015-6-4 11:32:03




技术帮助 发表于 2015-6-4 19:19:48

ALLY 发表于 2015-6-4 11:32


.edit_01 li{
    float:left;
    width:32%;
    margin-right:1%;
}

ALLY 发表于 2015-6-4 20:20:06

谢谢，我已经弄好了。
页: [1]
查看完整版本: 样式清除不了