對css一直沒有很系統(tǒng)得學(xué)習(xí)過,練習(xí)得也不是很多,純小白.今天在寫一個頁面的時候,遇到一個問題,就是如何讓外面的盒子適應(yīng)里面的盒子大小,完美地把小盒子包在里面.

　　由于里面是一個列表 ul,為了讓元素橫排,我使用了float:right這個屬性,所以列表懸浮了.如圖:

?

　　其實當然可以直接給外層id為outer的盒子定義長和寬,但我不想這樣.下面是解決方法:

　 ??#outer ul:after{ /*使用afer偽類,用content在ul后面隨便添加一點內(nèi)容*/

　　　　content:".";?　　

　　　　display:block; /*表示為塊級元素*/

　　　　height:0; /*將content高度設(shè)置為0,使不影響其他樣式*/
　　　　clear:both; /*清楚浮動,否則該層會在ul之上結(jié)束 */
　　　　visibility:hidden; /*隱藏它*/
　　}

?

　　這樣就能得到想要的效果

　　　　　　　　　　　　　　　　　　　　　　

轉(zhuǎn)載于:https://www.cnblogs.com/julyys/p/4415343.html

總結(jié)

以上是生活随笔為你收集整理的css属性 content的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。