2个div标签同在一行，然后怎么让他们2个的宽度一样，占满整的一行？

Posted 2023-05-08

2个div标签同在一行，然后怎么让他们2个的宽度一样，占满整的一行？

设置两个div宽度百分比为50%

例如：

div1  width: 50%; 
div2  width: 50%; 

追问

这样他们就不在同一行了

追答

有没设置浮动

追问

我发现问题了，我这里还有1px的边框，这个怎么处理，就是因为边框才会换行的

追答

这个不太好处理，两个div不能空隙吗？

追问

我想用js来处理，这样可以吗
div宽度=网页宽度/2-1

追答

两个div左右都有边框吗？那么-1不够吧

参考技术A .div1,.div2float:left;width:50%

看到你说有边框，其实很简单，在原有的基础上，建议你的边框就是了。 参考技术B .div1,.div2float:left;width:50%追问

我发现问题了，我这里还有1px的边框，这个怎么处理，就是因为边框才会换行的

ul标签中嵌套div，div会换行显示，如何让ul和div水平显示在同一行

没看过这类ul嵌套div的写法的，要使列表和div水平显示在同一行，其实很简单，方法如下：
<ul>
<li>123</li>
</ul>
<div>123</div>

CSS代码：
ul
width:宽度;
height:高度;
float:left; //左浮动

div
width:宽度;
height:高度;
float:left; //左浮动

欢迎追问！ 参考技术A 需要设置浮动吧。让div左浮动。或者改他的显示方式