哪里错了?为什么我的img被挤到外面了

来源:4-4 vue-cli3项目案例-完成页面布局效果

慕少136980

2020-09-25 23:01

<template>

<div class="main">

<div class="right"></div>

<div class="left">

<div class="top">

<img src="../../public/img/首页2.png" />

</div>

<div class="buttom"></div>

</div>

</div>

</template>


<script>

</script>


<style type="text/css">

*{

padding: 0;

margin: 0;

}

.left{

width: 100px;

margin-right: 10px;

float: left;

}

.right{

width: 1000px;

margin-left: 10px;

float: left;

}

.main{

width: 1200px;

margin: 20px auto;

}

.top img{

width: 1000px;

height: 200px;

}

.left,.right{

background-color: blue;

height: 500px;

}

</style>


写回答 关注

1回答

  • 慕少136980
    2020-09-27 22:08:13

    嘿嘿我知道了,我前面盒子的左右写反了

vue-cli全集

手把手带你学习从项目创建到项目升级,完美契合企业需求

44773 学习 · 230 问题

查看课程

相似问题