要求：如下圖所示，陰影背景隨著文字的寬度自適應
（1）最開始認為很簡單，背景顏色+半透明就可以解決，但是發現文字也會跟著半透明。
（2）試了很多種結構都沒有解決文字也跟著半透明的方法，後來想了乙個投機取巧的方法：div.shadow內的半透明文字設為不可見，建立乙個與div.shadow並列的div，裡面放入我們想要的文字，然後設定這兩個並列的div的position以及top值，讓這兩個值一模一樣，就可以實現要求的效果。
但是這個方法有乙個顯而易見的弊端，就是兩處的文字需要一樣才能實現自適應寬度，如果div.text內的文字改變，那麼div.shadow的span內的文字也要跟著改變。在實際情況下，如果這個文字是由後台提供直接拍到頁面上的，那麼這個方法就能實現我們想要的效果；如果這個文字是靜態寫死的，一旦文案變更，那麼修改的地方就會多一處，並且有可能遺忘隱藏的那一處，這樣就非常不好了。
（3）最後研究了一下線上的方案。發現自己曾經想到過類似的方法，即在div.shadow中另外建立乙個陰影背景div，讓陰影背景的寬度和高度都為父元素的100%，而父元素的寬度由內容撐開，但是採用了各種position的情況始終沒有實現，與線上的方案對比，發現主要區別在於一句float:left;對於float屬性，如果浮動非替換元素，則要指定乙個明確的寬度；否則，它們會盡可能地窄。 可見，我對於float的掌握不到位，還需要好好學習。下面是加入float後的**，實現了要求的功能。
**如下：
北京北京北京北京北京北京北
TextView文字寬度自適應
android開發中，有個需求 textview中顯示一句話，必須顯示在一行。為了適配不同螢幕大小，我們的textview中的字型不能直接設定textsize，這個時候，就需要自適應寬度了。其實只需要在xml中配置3行 android layout width match parent androi...
自適應螢幕寬度 編寫自適應網頁的方法
有人 我說不知道怎麼寫自適應的網頁，今天就先不寫優化的了，我把寫自適應網頁的方法說下。工具 dw網頁設計軟體 ps影象處理軟體。方法 步驟 1，在之間加入加入一行viewport標籤。viewport是網頁預設的寬度和高度，上面這行 的意思是，網頁寬度預設等於螢幕寬度 width device wi...
左側固定寬度，右側自適應寬度的CSS布局
第一種方法 關於這個布局，作者是這樣說明的 left和right都貼住左側。設定left在right上面 z index 在right內加個放內容的層 content 設定content距離right的左側為200px，即剛巧等於left的寬度。這個布局有乙個缺點就是，如果我設定了foot的div，...