div3不加浮动就好了,不想左侧有80像素藏在div2下边的话,div3加 margin-left:80px;
记得采纳,谢谢
*{ margin:0; padding:0;}
.div0{background-color: aquamarine;border: dotted #FF0505 1px;width: 800px;height: 800px;}
.div1{width: 100%;height: 100px;border: inherit #F9061C 1px;background-color: red;margin-top: 0px;float: left}
.div2{width: 80px;height: 80px; border: #AF2fff solid 1px;background-color: cadetblue;margin-top:10px;float: left}
.div3{width:700px; /*这里div3宽度取值要满足:div1宽度“ > ”或“ = ”div2 + div3*/
height: 20px;border: #00f0f0 solid 1px;background-color: blue;float: left;margin-top: 10px}
.divt{width: 100%;height: 100px}
2
3
这位朋友float浮动的概念你可能没有理解,导致页面布局出现了那种现象。可以参考此链接间接学习一下呦!OvO关于浮动的概念与清除问题
都设置float:left; div3的宽度不要设置为100%,设置小一点
不太明白你的跟在后面是什么意思,如果DIV3在div2的右边 div2 和div3加上float:left就可以了。