Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.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
Html CSS响应问题_Html_Css - Fatal编程技术网

Html CSS响应问题

Html CSS响应问题,html,css,Html,Css,我会尽量使这件事尽可能简单。您可以在上看到问题(可以在调整大小时看到问题) 当您调整页面大小,使边栏元素移到底部(边栏一移到底部),您就会注意到带有蓝色标题的电子邮件表单(上面写着“发展您的业务”)会向右浮动,并且不会调整到100%。如何将其固定为向左浮动并调整为100%大小 代码如下: HTML: 下面是它的外观截图(以及它明显错误的原因) 您的CSS说它应该向右浮动,这样它就完全按照代码所说的做了。查看您发布的CSS中的第三行: 您应该删除响应版面中#text-3和#text-2的浮动,这样

我会尽量使这件事尽可能简单。您可以在上看到问题(可以在调整大小时看到问题)

当您调整页面大小,使边栏元素移到底部(边栏一移到底部),您就会注意到带有蓝色标题的电子邮件表单(上面写着“发展您的业务”)会向右浮动,并且不会调整到100%。如何将其固定为向左浮动并调整为100%大小

代码如下:

HTML:

下面是它的外观截图(以及它明显错误的原因)


您的CSS说它应该向右浮动,这样它就完全按照代码所说的做了。查看您发布的CSS中的第三行:
您应该删除响应版面中
#text-3
#text-2
的浮动,这样它就会工作。

您的CSS说它应该向右浮动,这样它就会完全按照代码所说的做。查看您发布的CSS中的第三行:
您应该删除响应版面中
#text-3
#text-2
的浮动,这样它就会工作。

您的CSS说它应该向右浮动,这样它就会完全按照代码所说的做。查看您发布的CSS中的第三行:
您应该删除响应版面中
#text-3
#text-2
的浮动,这样它就会工作。

您的CSS说它应该向右浮动,这样它就会完全按照代码所说的做。查看您发布的CSS中的第三行: 您应该删除响应版面中
#text-3
#text-2
的浮动,它将起作用。

将此添加到您的代码中:

@media (max-width: 984px){
    .columns > .sidebar > * {
        clear: both;
        float: left;
        width: 100%;
    }
}
将此添加到您的代码中:

@media (max-width: 984px){
    .columns > .sidebar > * {
        clear: both;
        float: left;
        width: 100%;
    }
}
将此添加到您的代码中:

@media (max-width: 984px){
    .columns > .sidebar > * {
        clear: both;
        float: left;
        width: 100%;
    }
}
将此添加到您的代码中:

@media (max-width: 984px){
    .columns > .sidebar > * {
        clear: both;
        float: left;
        width: 100%;
    }
}

我不会说那是有反应的…@mdesdev我不会说那是有反应的…@mdesdev我不会说那是有反应的…@mdesdev我不会说那是有反应的…@mdesdev很高兴。很高兴。很高兴。很高兴。很高兴。很高兴。很高兴。