从 CSS 类中删除 float:none答案

【问题标题】：Removing float:none from CSS class从 CSS 类中删除 float:none
【发布时间】：2016-06-30 23:32:47
【问题描述】：

使用 Google Chrome 开发者工具，我取消选中“float:none;”从样式检查器和我的 DOM 元素正确排列。一个OK！但是，如果尝试使用 jQuery 分别通过 $('#div_appointment_time_picker').removeAttr('float'); 或 $('#div_appointment_time_picker').removeProperty('float'); 删除样式（removeAttr 和 removeProperty），这两种方法似乎都不起作用。所以，基本上，我如何通过取消选中样式检查器中的属性以编程方式“重新创建”谷歌浏览器中发生的内容（见下面的 img）

【问题讨论】：

尝试使用，$('#div_appointment_time_picker').css("float", "none");

标签： javascript jquery html css google-chrome

【解决方案1】：

你可以使用.css()来改变css属性：

$('#div_appointment_time_picker').css("float", "none");

或编辑您可以使用的多个属性：

$('#div_appointment_time_picker').css({"float" : "none", "another-rule": "value"});

【讨论】：

【解决方案2】：

Float 不像宽度或 ID 那样是元素的属性或属性，它是样式属性，因此您必须使用 $('#div_appointment_time_picker').css('float','none');

【讨论】：

【解决方案3】：

$('#div_appointment_time_picker').css('float', 'you are a wizard harry');

【讨论】：

【解决方案4】：

使用jQuery方法.css();

它的工作方式类似于 .css(property, value) 或 .css({property: value})

例如，在您的情况下是：

$('#div_appointment_time_picker').css('float', 'initial'); // or 'none'

阅读更多关于浮动的信息：https://developer.mozilla.org/en-US/docs/Web/CSS/float

【讨论】：