Question

我正在使用bootstrap创建响应式布局。布局有三行。顶行有两列，它们在小屏幕中垂直堆叠。顶行的右列有更多信息，因此高度超过左侧。

在桌面分辨率中，我使用overlfow:hidden属性隐藏了右列的内容。但是，在手机分辨率中，我不希望隐藏此内容，因为列是垂直堆叠的。为了实现我使用媒体查询将溢出设置为隐藏。

我目前被困的地方是，如果我没有overflow:hidden代表顶行中的右栏clearfix doesn't work and the contents of the right column overlaps the second row. Wondering what i am doing wrong.



Please find the jsfiddle here https://jsfiddle.net/uyxgo70k/2/

Update:

{{1不起作用。不确定轮播类中的哪个属性阻止高度：自动生效。

我在这里更新了jsfiddle

https://jsfiddle.net/uyxgo70k/7/

Answer 1

此处的问题不是let a: String? = nil let b: Int? = nil let c: Double? = nil // possible mutate... if let a = a, b = b, c = c { // do something with shadow vars }。问题是：

clearfix

你给容器一个“固定”的高度。因此，除非您使用div.row div { height: 100%; ... } div#top div { height: 100%; }

，否则内容会溢出容器并悬停在下一行

快速解决方法是使用媒体查询在移动设备上向overflow: hidden添加height: auto。

#div-desc

https://jsfiddle.net/uyxgo70k/6/

Answer 2

你设置了固定的高度，因此div会相互重叠，因为它们的布局大小比它们的内容小。

您应该将高度设置为自动或离开然后取消设置。这对你想要的方向有帮助吗？ https://jsfiddle.net/gmbxgjub/

char *date="20151221";
char day[2];
char month[2];
char year[4];
sprintf(day, "%c%c", date[6], date[7]);
sprintf(month, "%c%c", date[4], date[5]);
sprintf(year, "%c%c%c%c", date[0], date[1],date[2],date[3]);
lr_output_message("day is %s",day);
lr_output_message("month is %s",month);
lr_output_message("year is %s",year);

我已将高度定义移至媒体查询

如何使用overflow auto使clearfix工作

2 个答案: