嘴里坚持着逞强，眼里的泪在投降

导航

图片根据需要突出div

1、当代码为：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body>
<div style="border: solid black;">
    <img src="../Website/img/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="../Website/img/carousel1.jpg" style="margin-bottom: -10%">
</div>
</body>
</html>

图片会有在底部突出

 

代码中的约束条件没有，当约束条件充分的时候效果会更明显！

 

posted on 2016-12-20 15:15  屏幕后的无奈  阅读(916)  评论(0)    收藏  举报