如何在不改变其宽度的情况下将DIV放在一行中?

特克斯

uningfloatoverflow: hiddenor的答案很多display: inline-block,但不适用于我的问题,因为它们都会影响div宽度。因此,请避免使用此答案和重复标记。这是我当前的页面:

		.scrollableWrapper {			
			overflow: auto;/*so if any of width changes apply, this won't work*/
		}
		.left {
			width: 30%;
			float: left;
		}
		.right {
			width: 70%;			
			float: right;
		}
		.all {
			border: 2px solid black;/*for visibility while developing*/
			width: 80%;
			overflow: hidden;
		}	
<div class="all">
	<div class="left">
		название
	</div>
	<div class="right">
		<div class="scrollableWrapper"><label>tezrnjetgnd;sngnsdlgnknsgfndlsngfklsngdngndksngnsngflsdgnklsnkgklsgnkldsngkndklsngklsdgnlsglksdngksnglnsldkgnksndgknsdklgsngnsdlgnknsgfndlsngfklsngdngndksngnsngflsdgnklsnkgklsgnkldsngkndklsngklsdgnlsglksdngksnglnsldkgnksndgknsdklgsngnsdlgnknsgfndlsngfklsngdngndksngnsngflsdgnklsnkgklsgnkldsngkndklsngklsdgnlsglksdngksnglnsldkgnksndgknsdklgsngnsdlgnknsgfndlsngfklsngdngndksngnsngflsdgnklsnkgklsgnkldsngkndklsngklsdgnlsglksdngksnglnsldkgnksndgknsdklg</label></div>
		<div>
			edit
		</div>
	</div>
</div>

而且我需要编辑文本在同一行上可滚动。保证金无效。PS我更喜欢这样做,而无需使用jquery重新计算宽度,但是我知道这是可能的(edit div具有不变的宽度)

哈桑·达格什(Hasan Daghash)

检查这个工作原理是否会帮助您

在您的情况下:https : //jsfiddle.net/24ks85ue/1/

只需更改div位置并添加float left以编辑div类

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在不设置宽度的情况下将两个div放在同一行上?

来自分类Dev

Matplotlib:如何在不改变其尺寸的情况下增加其线宽?

来自分类Dev

在不改变 HTML 的情况下,使用 CSS 或 JavaScript 将字段输入到下一行

来自分类Dev

如何在不改变网站响应能力的情况下增加轮播的宽度

来自分类Dev

如何在不改变状态本身的情况下获取状态值并对其进行操作?

来自分类Dev

如何在不改变序列顺序的情况下将包括“_”在内的不同列表元素分组到列表中?

来自分类Dev

如何在不改变原始数组的情况下将数组传递给函数?

来自分类Dev

PHP中如何在不改变文件组合的情况下更新json文件中的值

来自分类Dev

如何在不改变速度的情况下改变 gif 的延迟

来自分类Dev

如何在不改变 CSS 比例的情况下将图像缩放到列宽(Bootstrap 4)?

来自分类Dev

如何在不改变合约版本的情况下将 stateV1 升级到 V2?

来自分类Dev

如何在不改变第一个列表的顺序的情况下找到 n 个最小的数字?

来自分类Dev

如何在不改变其他列的情况下重新采样一个“日期”列

来自分类Dev

如何在不知道其宽度的情况下将元素存储在2D向量中?

来自分类Dev

如何在不改变原始切片的情况下对切片进行排序

来自分类Dev

如何在不改变单词位置的情况下反转字符串

来自分类Dev

如何在不改变数组本身的情况下重复重新排序数组的元素?

来自分类Dev

如何在不改变边框颜色的情况下更改边框的不透明度

来自分类Dev

matplotlib:如何在不改变外观的情况下从图中消除浪费的空间

来自分类Dev

如何在没有numpy的情况下对矩阵中的一行求和?

来自分类Dev

如何在不更改其位置的情况下将div与另一个div重叠-CSS

来自分类Dev

如何在不改变尺寸的情况下工作?

来自分类Dev

如何在不使用javafx中的observavbleList来仅将最后一行中的数据动态添加到tableView的情况下?

来自分类Dev

在不改变宽度的情况下左右对齐段落

来自分类Dev

如何在没有HTML的情况下将文本移动到JLabel的下一行?

来自分类Dev

如何在不进入下一行的情况下将更多项目添加到列表?

来自分类Dev

在bash或shell中,如何在不创建临时文件的情况下将一行文本输入为文件?

来自分类Dev

如何在不写入Java中另一个文件的情况下删除文件的一行

来自分类Dev

如何在不重命名文件的情况下从文本文件中的一行中删除字符?

Related 相关文章

  1. 1

    如何在不设置宽度的情况下将两个div放在同一行上?

  2. 2

    Matplotlib:如何在不改变其尺寸的情况下增加其线宽?

  3. 3

    在不改变 HTML 的情况下,使用 CSS 或 JavaScript 将字段输入到下一行

  4. 4

    如何在不改变网站响应能力的情况下增加轮播的宽度

  5. 5

    如何在不改变状态本身的情况下获取状态值并对其进行操作?

  6. 6

    如何在不改变序列顺序的情况下将包括“_”在内的不同列表元素分组到列表中?

  7. 7

    如何在不改变原始数组的情况下将数组传递给函数?

  8. 8

    PHP中如何在不改变文件组合的情况下更新json文件中的值

  9. 9

    如何在不改变速度的情况下改变 gif 的延迟

  10. 10

    如何在不改变 CSS 比例的情况下将图像缩放到列宽(Bootstrap 4)?

  11. 11

    如何在不改变合约版本的情况下将 stateV1 升级到 V2?

  12. 12

    如何在不改变第一个列表的顺序的情况下找到 n 个最小的数字?

  13. 13

    如何在不改变其他列的情况下重新采样一个“日期”列

  14. 14

    如何在不知道其宽度的情况下将元素存储在2D向量中?

  15. 15

    如何在不改变原始切片的情况下对切片进行排序

  16. 16

    如何在不改变单词位置的情况下反转字符串

  17. 17

    如何在不改变数组本身的情况下重复重新排序数组的元素?

  18. 18

    如何在不改变边框颜色的情况下更改边框的不透明度

  19. 19

    matplotlib:如何在不改变外观的情况下从图中消除浪费的空间

  20. 20

    如何在没有numpy的情况下对矩阵中的一行求和?

  21. 21

    如何在不更改其位置的情况下将div与另一个div重叠-CSS

  22. 22

    如何在不改变尺寸的情况下工作?

  23. 23

    如何在不使用javafx中的observavbleList来仅将最后一行中的数据动态添加到tableView的情况下?

  24. 24

    在不改变宽度的情况下左右对齐段落

  25. 25

    如何在没有HTML的情况下将文本移动到JLabel的下一行?

  26. 26

    如何在不进入下一行的情况下将更多项目添加到列表?

  27. 27

    在bash或shell中,如何在不创建临时文件的情况下将一行文本输入为文件?

  28. 28

    如何在不写入Java中另一个文件的情况下删除文件的一行

  29. 29

    如何在不重命名文件的情况下从文本文件中的一行中删除字符?

热门标签

归档