一個CSS的問題，不多說， li前面的黑點超出div，記錄下來，也為別人能用到!

代碼：

<div>
<ul>
<li>冷沖壓模具的</li>
<li>我國沖壓模具設計發展以及在汽車領</li>
<li>江蘇、浙江在模具設計與制造方面有</li>
<li>2年來最大的鋼價周漲幅未帶動成交量</li>
<li>浴缸選購需要知道那些風水知識</li>
<li>國內外市場遭遇寒流 家具行業發展艱難</li>
</ul>
</div>

只有上面代碼，CSS沒有，不要以為我忘貼了！

之前在寫的的時候也遇到過，也是用pading-left一些東西解決了！

今天在此遇到，經過想高手詢問得知要要給li寫一個“list-style-position:inside” (黑體部分，不帶引號)

得知是這個后具體去查查詳細說明，找到《CSS2.0手冊(蘇沈小雨版)》，在里面搜索得知如下內容！

====================================================================================================

語法：
list-style-position : outside |inside
取值：
outside : 默認值。列表項目標記放置在文本以外，且環繞文本不根據標記對齊
inside : 列表項目標記放置在文本以內，且環繞文本根據標記對齊
說明：
設置或檢索作為對象的列表項標記如何根據文本排列。
假如一個列表項目的左外補丁( margin-left )被設置為 0 ，則列表項目標記不會被顯示。左外補丁( margin-left )最小可以被設置為 30。
僅作用于具有 display 屬性值等于 list-item 的對象。如 li對象。
注意： ol 對象和 ul 對象的 type 屬性為其后的所有列表項目(如 li對象)指明列表屬性。
此屬性對于 currentStyle 對象而言是只讀的。對于其他對象而言是可讀寫的。
對應的腳本特性為 listStylePosition 。
=====================================================================================================

看到了吧！ 默認在在外面的，不被控制！

知道這個就好辦了！

給UL加上樣式就可以了！

<div >
<ul>
<li? >冷沖壓模具的</li>
<li>我國沖壓模具設計發展以及在汽車領</li>
<li>江蘇、浙江在模具設計與制造方面有</li>
<li>2年來最大的鋼價周漲幅未帶動成交量</li>
<li>浴缸選購需要知道那些風水知識</li>
<li>國內外市場遭遇寒流 家具行業發展艱難</li>
</ul>
</div>

效果：

總結

以上是生活随笔為你收集整理的li前面的黑点超出div的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。