当前位置:Gxlcms > html代码 > 简单的div布局_html/css_WEB-ITnose

简单的div布局_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:12人阅读

要求:div1和div3靠左悬浮,div2和div4靠右悬浮,这四个div都不设置高度,里面的内容增加,高度自动增加
div5是最外边,宽度1000px,居中,高度不设置,随着里面的四个div的增大而增大
我写了好几遍,总是在最外层div5出错,如果不设置高度,div5总是不能包括里面的四个div,里面的全都跑出来了
相信这么简单,一定有很多人会,帮忙指点一下吧


回复讨论(解决方案)

作业、LZ你又不好好学了、

div1234 dispaly:inline-block

作业、LZ你又不好好学了、 作业?不是的,没事做几个网页出来,以前都是用table布局,似乎加载速度比较慢,用div布局又不熟练

div1234 dispaly:inline-block 初步问题是解决了,这时候如果在div1中写入东西,高度就会增加,但div3不会紧跟在div1的下面,div3会跑到右侧div4的下面。如果在div2中写入东西的话,虽然div4会继续留在div2的下面,但是div1和div3的位置又会发生变化。我说的太乱了,不知你理解我的意思不理解,有没有较为完美的代码

无标题文档
内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1
内容3内容3内容3内容3内容3内容3内容3内容3内容3内容3内容3内容3内容3内容3内容3内容3内容3内容3内容3内容3
内容2内容2内容2内容2内容2内容2内容2内容2内容2内容2内容2内容2内容2内容2内容2内容2内容2内容2内容2内容2
内容4内容4内容4内容4内容4内容4内容4内容4内容4内容4内容4内容4内容4内容4内容4内容4内容4内容4内容4内容4

CSS code?123456789101112131415161718192021222324252627282930313233…… 完全符合要求,多谢了

CSS code?123456789101112131415161718192021222324252627282930313233…… 刚才没看清,其实也不太符合要求,因为你多用了

,还是上下排版,这样也好,换种思路也能解决问题,同样要谢谢你

很实用呀,以后可以多用div来布局,方便又省时呀!!
像calmthink好好学习!!

人气教程排行