html - 为什么 max-width 在表中的列上的行为与直觉相反?

标签 html cross-browser css

基本上,我有一个可伸缩表,我希望我的标签列宽度固定,而我的数据列动态调整大小。我倾向于通过 CSS 在我的标签列上设置 max-width。然而,这具有相反的效果。 I've created a jsfiddle that replicates this. (重新调整窗口大小以查看左列动态大小和右列固定大小)

在我自己的网站上,我看到了相同的行为,它发生在 IE 和 Chrome 中。

If I switch it, and set max-width on the data column ,一切都按照我的意愿行事,但对我来说感觉倒退了。我在这里做错了什么吗?

最佳答案

使用 chrome 开发人员工具从数据列中删除最大宽度不会影响它。该类的该列中不需要它。因为表格是 100% 宽度,现在只有您的标签列具有保持其大小的宽度设置。所以我猜它起作用了?

关于html - 为什么 max-width 在表中的列上的行为与直觉相反?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13595873/

相关文章:

javascript - 如果有多个复选框,为什么只有一个复选框起作用

jQuery - 变量中的 CSS 属性不起作用

html - 如何将图像标签定位在文本框的正上方

html - div 内的垂直对齐链接

css - Chrome CSS 边框问题

javascript - 使用函数引用作为对象属性/键是安全的

css - 如何在 Safari 中使::选择正确?

javascript - 通过 JS 向 SELECT 标签添加选项 .. 样式不是由 CSS 设计的吗?

来自子元素的javascript ui宽度

javascript - 在同一页面上传图片文件