1、當代碼為：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<div style="border: solid black;">
<img src="../images/carousel1.jpg">
</div>
</body>
</html>
圖片會老實的待在div中。
2、當代碼為：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<div style="border: solid black;">
<img src="../images/carousel1.jpg" style="margin-bottom: -10%">
</div>
</body>
</html>
圖片會有在底部突出
代碼中的約束條件沒有，當約束條件充分的時候效果會更明顯！
【 微信掃一掃 】
