页面改变div宽度不生效

如下图，页面布局分三块，按百分比分开，点击中间图标部分改变左右两边div的宽度

可以看到下图宽度百分比已经发生改变，可以左边div部分的宽度没有生效

以下是代码部分

以下是js改变div宽度代码

按下F12再关闭F12后切换宽度又是正常的，请问这种是什么问题，要如何处理，求大佬解答

展开全部

写回答
好问题 0 提建议
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

2条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
weixin_45146666 2021-06-08 01:19
关注
测试后发现是easyui标签影响到了，把这一块注释后切换正常，可以为什么会影响到呢？

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报
编辑

预览
轻敲空格完成输入
显示为

卡片

标题

链接
评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(1条)

编辑

预览

报告相同问题？

关注问题

某div与form-div之间的宽度设置改变不了，求解？ css html5 vue.js
2021-07-21 13:38

回答 2 已采纳你可以给你的layout设置的大一点。铺满整行是24，你这设置的3+6，可不是得剩下一大半。
Flex布局中，文字超出隐藏不生效的问题。 css3 html 前端
2023-02-23 09:38

回答 3 已采纳因为在弹性布局中，设置了不换行所以导致内容无收缩，解决方案可以给文字容器的父元素添加一个min-width: 0 参见链接
关于html中img标签width和height设置不起作用的问题 css html 前端
2022-03-09 05:06

回答 7 已采纳你好，你的标签少了，
css 文本长度超出div，单行显示后，div宽度不生效
2023-07-07 09:25

浅笑&微凉的博客添加display: inline-grid;属性，div宽度生效。
html使用flex布局，实现两列每行根据图片高度自适应，并且均匀排序，代码不生效或是错误 html 前端
2022-07-25 03:41

回答 3 已采纳直接使用瀑布流布局。
ant design vue表格表头各列想设置不一样的样式，用slot还是无法实现？ html5 vue.js 前端
2021-08-21 15:30

回答 1 已采纳看看表头的class是啥，直接重写class样式覆盖
Vue Position 的元素挡住下面的元素，无法监听到鼠标移动，请教 vue.js 前端有问必答
2022-06-12 10:21

回答 3 已采纳绿色的边框div设置 style="pointer-events: none;"让鼠标事件穿透绿色的边框, 就可以让div挡住的td元素监听到鼠标移动事件了
div宽度设置无效问题解决
2022-09-01 09:58

weixin_46312949的博客 div宽度设置无效问题解决
为什么给图片设置width：100% 它的高度并没有跟着变化 css html5 前端
2018-06-30 19:38

回答 13 已采纳由于图片是替换元素并且该图片还进行了绝对定位，且你又没有设置height属性，这时浏览器会显示它的内在高度，534. 处理方式： 1.将position：absolute去掉或换成relative
使用vue-cropper遇到的问题 typescript vue.js 前端
2022-02-26 09:23

回答 1 已采纳 https://www.npmjs.com/package/vue-cropper
layui进行input动态渲染，是失效的，隐藏的input也会展示到页面上，虚心请教 layui
2022-08-16 07:33

回答 3 已采纳每个项放到一个容器中，直接设置容器的显示隐藏。layUI模拟出来的UI不会根据原始的dom的display来设置模拟的ui的显示隐藏的。而且可以给分组添加下特殊样式，直接显示对应的分组就行了~ 如果题
前端滚动条不占页面宽度，同时又不隐藏进度条
2021-11-11 09:45

打怪升级一路向上的博客前端滚动条不占页面宽度，同时又不隐藏进度条 demo如下： <!DOCTYPE html> <html> <head> <style> div { width:150px; height:150px; border:thin solid black; overflow-x:hidden; ...
swiper轮播图使用v-if隐藏再显示后空白 html vue.js 有问必答
2022-08-07 08:28

回答 3 已采纳 v-if是重新生成dom，需要重新初话过一次swiper，就是window.onload中的代码放到一个函数里面，在显示的时候重新调用一次。比如下面这样，在v-if显示swiper的代码后面用next
html h5 页面字体大小 fontsize 5px 不生效_前端开发基础入门--HTML
2020-12-27 01:54

云小牙的博客要学习前端开发，首先你要了解一下什么是前端开发前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。...
div自适应占满剩余宽度；当width:100%不适用时
2023-05-10 10:48

酱爆本酱的博客因为我打算把下图中红色框中的按钮放到这一行的最后但是我给按钮中的div给width为100%时会出现下图情况，就是位置会跑乱后面将width:100%;换为flex-grow: 1;效果如下图 flex-grow: 具体可参考flex-grow - CSS：...
没有解决我的问题, 去提问

页面改变div宽度不生效

2条回答 默认 最新

2条回答默认最新