关于float:left;失效的问题。

<dl>
    <dt style="float:left;display:inline-block;width:80px;">书籍:</dt>
    <dd style="display:inline-block;float:left;">JAVA案例实用大全</dd>
</dl>

正常情况下是两个并排显示:书籍:JAVA案例实用大全。但是有时会遇到引进的样式表或者父类样式表的影响。会显示出一下情况：

书籍:

JAVA案例实用大全

 

<dd>标签的内容没有偏左显示，而是居中。打开谷歌调试模式，发现<dd>标签多了两个属性-webkit-margin-start:40px;

text-align:webkit-center;这个解释一下。-webkit-margin-start:width;表示设置最开始外边距的宽度，目前来说也就是

margin-left 的宽度。webkit-center表示webkit核心的浏览器支持文字居中。就是这两个属性导致float:left;失效的。

把-webkit-margin-start:0px;text-align:left;搞定。