本帖最后由 kindiaing 于 2021-1-22 14:29 编辑
在图片和按钮中间加一行代码就可以了,清除浮动的。
<div style="clear:both;"></div>
在图片和按钮中间加一行代码就可以了,清除浮动的。
<div style="clear:both;"></div>
你这个问的也太基础了,找个课程学习下HTML和CSS吧,一周就可以上手了。以下是完整代码,你可以删除11行代码,然后对比下。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>
<img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2665572900,3180636832&fm=26&gp=0.jpg" alt="">
<div style="clear:both;"></div>
<input type="button" value="按钮">
<input type="button" value="按钮">
<input type="button" value="按钮">
<input type="button" value="按钮">
</div>
</body>
</html>
等你学会了定位和边距,position,margin,padding就可以随意布局了。 |