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

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

?

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

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

　　　　content:".";?　　

　　　　display:block; /*表示為塊級(jí)元素*/

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

?

　　這樣就能得到想要的效果

　　　　　　　　　　　　　　　　　　　　　　

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

總結(jié)

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

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