オーバーフロー隠しコンテンツがパディングエリアに表示され、隠すことができますか？

Question

<style> 
    div{padding:5px;overflow:hidden;height:20px} 
</style> 
<div class="container"> 
    something something something something something something something something something something something something something something 
<div> 

フィドル：https://jsfiddle.net/v21vgzfc/

、それは別の層を追加することなく、パディング領域にも隠されたテキストを作るためのCSSで可能ですか？

Answer 1

はい、パディングの代わりに境界線を使用します。このように：

div{ 
border:solid 5px #00f; 
overflow:hidden; 
height:20px 
} 

Answer 2

私はあなたの代わりにパディングの、境界線を使用することによってこの問題を解決することができ

<style> 
    div{padding:5px;overflow:hidden;height:40px; width:250px; background:#009} 
</style> 

Answer 3

DIVする幅を与えるplzはと思います。

div { 
    border: 5px solid blue; 
    overflow: hidden; 
    background-color: blue; 
    height: 40px 
} 

それが更新さthis Fiddle.