Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/448.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 防止div重叠_Javascript_Html_Css_Layout - Fatal编程技术网
Fatal编程技术网

Javascript 防止div重叠

javascript html css layout

Javascript 防止div重叠,javascript,html,css,layout,Javascript,Html,Css,Layout,在下面的链接中，我需要帮助正确调整文章标题的大小。如果缩放结果面板使其更窄，则最终标题将与日期重叠。而不是如图所示的重叠： 我更希望标题换行以避免这种冲突。最佳情况下，我希望它也能像这样利用日期上方的区域： 当前，标题到达包含postdiv的末尾后将自动换行，如标题下方的蓝线所示 我已经包含了一个JSFIDLE供您测试 您可以在日期使用float:right来接近您想要的。没有更多的绝对定位： 这是通过float:right完成的（在日期上仅此一项）。.post title元素必须是dis

在下面的链接中，我需要帮助正确调整
文章标题的大小。如果缩放结果面板使其更窄，则最终标题将与日期重叠。而不是如图所示的重叠：



我更希望标题换行以避免这种冲突。最佳情况下，我希望它也能像这样利用日期上方的区域：



当前，标题到达包含
post
div的末尾后将自动换行，如标题下方的蓝线所示

我已经包含了一个JSFIDLE供您测试


您可以在日期使用
float:right
来接近您想要的。没有更多的
绝对
定位：



这是通过
float:right
完成的（在日期上仅此一项）。
.post title
元素必须是
display:inline
或
inline block
您也可以使用
float:left
，但这会让事情变得更加繁忙


您还需要在
之后正确地
清除
。post heading
元素，我通过
overflow:hidden
采用了老式的方法，这对我来说很有意义！它最终显示在线条下方，但结果表明我更喜欢那里