简单的div布局_html/css_WEB-ITnose

程序员文章站 2022-03-28 09:44:49

...

要求：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好好学习！！