Question

Html css div float区域划分代码 求问以下表格咋写！用div和float

Html css div float区域划分代码

求问以下表格咋写！用div和float已失败 求解决 谢谢大神

html

<section 大行>
<div 列1>
<div 列1第一行><div图><div字></div></div></div>
<div 列1第二行><div图><div字></div></div></div>
</div>
<div 列2>
<div 列1第一行><div图></div><div字></div></div>
<div 列1第二行><div字></div><div图></div></div>
</div>

css float:left列1，列2，所有图和字 结果图和字结构控制不到

图字比例以及列比例都是平均50%50% 求css代码

</section>

Answer 1

结构没错，不可能写不出来，除非你写错了，干嘛不把css图片一起传上来

追答

说两点，第一代码没有优化，优化是必须的，你可以试试这个方法，记得优化。第二，伪类选择器在IE6/7兼容性不好

效果

追问

我的就是low成这样的大神……因为一点基础也没有 都是上网copy paste

如果不想缩进时字体交叉在图片下面该怎么破呢？

谢谢亲

追答

第一，你不说不用定位做吗？第二，我一般都用position，location是什么鬼，第三你给图片套个div，然后给div加个高，先试试，我也刚学不久，没那么神

你用的都是百分比布局吗？

追问

不管啥 只要实现就o😭 float 百分比 postion 和flex box都按照各种教程试了一遍

好的谢谢亲 我再试

追答

这些不同的布局方式，你不要搞混了，不然会出错

Answer 2

直接用定位啊，一个大的div里装几个小的div，然后再用绝对定位