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 一个div,页面的整个宽度,不中断流_Html_Css - Fatal编程技术网

Html 一个div,页面的整个宽度,不中断流

Html 一个div,页面的整个宽度,不中断流,html,css,Html,Css,在不破坏文档流的情况下,编写宽度为100%(下图中黄色部分)的div的最佳方法是什么 div {position:absolute;} 或 div{位置:固定;} 将从文档流中删除它,但您可能必须指定左侧和顶部,以便在删除后将其放置在所需位置,具体取决于您使用的位置 <div id="container"> <div class="big"> //content </div> <div class="small

在不破坏文档流的情况下,编写宽度为100%(下图中黄色部分)的div的最佳方法是什么

div {position:absolute;}

或 div{位置:固定;} 将从文档流中删除它,但您可能必须指定左侧和顶部,以便在删除后将其放置在所需位置,具体取决于您使用的位置

<div id="container">
    <div class="big">
        //content
    </div>
    <div class="small">
       //content
    </div>
</div>
或 div{位置:固定;}
将其从文档流中删除,但删除后可能必须指定左侧和顶部以将其放置在所需位置,具体取决于您使用的位置。

div将自动占据其父级的整个宽度(
)。如果你插入

<div id="container">
    <div class="big">
        //content
    </div>
    <div class="small">
       //content
    </div>
</div>
style="clear:both"

在要拉伸的div中,它将确保它不与任何其他元素并排(按照页面的正常流程),因此它将拉伸主体的宽度。

div将自动占据其父级的整个宽度(
)。如果你插入

style="clear:both"

在要拉伸的div中,它将确保它不与任何其他元素(按照页面的正常流程)并排,因此它将拉伸主体的宽度。

A
div
元素默认扩展为其包含的
div
的所有宽度。注意边距和填充,因为这可能会使间距变小。页面的“容器”设置为960px宽,因此是的,
div
将继承父
div
的宽度;因此,它的宽度为960像素。但是我需要一个特殊的
div
来扩展这个宽度,而不破坏流..JamesKentDIV{margin left:100%;float:left;display:inline;}然后需要重新格式化HTML。通过嵌套具有不同宽度的div元素,这是不可能的。其他任何东西都可能会被黑客攻击。@ThatidotGuy:我不想再重新格式化整个站点,但由于时间限制,这一次不可能了。默认情况下,
div
元素会扩展到包含
div
的所有宽度。注意边距和填充,因为这可能会使间距变小。页面的“容器”设置为960px宽,因此是的,
div
将继承父
div
的宽度;因此,它的宽度为960像素。但是我需要一个特殊的
div
来扩展这个宽度,而不破坏流..JamesKentDIV{margin left:100%;float:left;display:inline;}然后需要重新格式化HTML。通过嵌套具有不同宽度的div元素,这是不可能的。其他任何东西都可能是黑客的。@ThatidotGuy:我不想再重新格式化整个网站了,但由于时间限制,这一次不可能了。