div+css排版

2025-05-23 08:27:55
推荐回答(4个)
回答(1):

div3不加浮动就好了,不想左侧有80像素藏在div2下边的话,div3加 margin-left:80px;

记得采纳,谢谢

回答(2):

*{ 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关于浮动的概念与清除问题

回答(3):

都设置float:left; div3的宽度不要设置为100%,设置小一点

回答(4):

不太明白你的跟在后面是什么意思,如果DIV3在div2的右边 div2 和div3加上float:left就可以了。

相关问答
最新问答