使用w3.css w3行時的多余像素
[英]Extra pixels when using w3.css w3-row
問題描述
以下html
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
</head>
<body class="w3-red">
<div class="w3-main w3-content w3-padding">
<div class="w3-row w3-blue">
<div class="w3-quarter">
<img src="http://www.w3schools.com/w3images/girl_mountain.jpg" style="width:100%">
</div>
<div class="w3-threequarter">
<p>Hello World</p>
</div>
</div>
</div>
</body>
</html>
給出以下結果 。 如您所見，圖像下方有一個額外的填充像素。 這是設計使然嗎？ 我有錯誤嗎？ 有毛病嗎 無論哪種方式，我都覺得這很煩人，很想知道如何擺脫它。 謝謝。
1 個解決方案
解決方案1
0 2016-12-15 15:46:28
使用 w3.css 時頁腳覆蓋了我的內容
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.