填充在div塊內不可見？

請檢查jsFiddle link並說明爲什麼填充在div容器內不可見？填充在div塊內不可見？

body { 
 
    background-color: #B8C4BB; 
 
} 
 

 
.container { 
 
    text-align: center; 
 
} 
 

 
.section_two { 
 
    border: 2px solid red; 
 
    padding: 10 px; 
 
}

<div class="container"> 
 
    <div class="section"> 
 
    Change the value of the color property to see how it changes the text color of this element. 
 
    </div> 
 
    <div class="section_two"> 
 
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, alias, aliquid fugiat dolorem repudiandae quidem. Molestiae illum pariatur officia voluptate cumque. Necessitatibus earum consequuntur explicabo minus ratione mollitia illum nam. 
 
    </div> 
 
</div>

來源

2017-07-08 Bhawandeep Singla

你使用任何CSS框架？ –

感謝@Wasi Ahmad格式化它。我在這裏是新的，所以沒有意識到這些格式化選項。 –

沒有簡單的css @ChandraShekher –

你只是打字錯誤。

use padding property 

like: padding: 10px; 
insteade of: 10 px;

見Fiddle demo

來源

2017-07-08 06:32:56 Jainam

非常感謝你的朋友。我多麼愚蠢！ –

歡迎兄弟，它發生了。 – Jainam

如果這個答案對你有幫助，那麼請批准.. !! – Jainam

你的CSS像下面：

.section_two { 
    border: 2px solid red; 
    padding: 10 px; 
}

價值填充是無效的。它應該是padding: 10px。 10和px之間沒有空格

來源

2017-07-08 06:33:55

它不起作用，因爲您已將空間放置在10和px之間。它應該像下面的代碼。

.section_two { 
    border: 2px solid red; 
    padding: 50px; 
}

來源

2017-07-08 06:45:11

填充在div塊內不可見？

回答

相關問題