div+css网页设计高度问题

其实是这样的。

因为你的main中应该都是float浮动的，所以导致父容量没有高度，这就是著名的浮动劫（呵呵，我自己起的名字）。

简单的办法就是在你main结束的上面加一个空的div并清除浮动，像下面这样

<div id="main">

<div id="mainleft"></div>

<div id="mainright"></div>

<div style="clear:both;"></div>

</div>

或者你也可以用别人已经做好的clear fix来清除，在网上搜索一下就能知道这个著名的方法了。

回答补充：

不用加空的div的方法清除浮动，比较著名的就是clear fix啦。

你在网上搜一下看看。

完整代码如下

/ Clear Fix /

clearfix:after {

content: "";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

clearfix {

display: inline-block;

}

/ Hide from IE Mac \/

clearfix {

display: block;

}

/ End hide from IE Mac /

/ end of clearfix /

●比如你要清除main的浮动，让main有高度，那就给main加一个class="clearfix"就行了。

1、通过保存网页即可获取想要对应页面上面的js、css文件（有的js、css被编译或压缩过须要借助第三方工具来反编译或格式化）

2、打开浏览器的开发模式，一般按快捷键f12就可以打开，以google浏览器举例：点击标签resource，然后在对应的资源文件中找到自己需要的文件再右键save即可。

自适应高度的问题，采用 Div ＋ CSS 进行三列或二列布局时，事先不知道任意列的具体高度，只能根据内容的增减自适应高度，要使每列的高度相同，用 Table 很容易实现，但采用 Div ＋ CSS 就显得比较麻烦了。按照一般的做法，大都采用背景图填充或 JS 脚本的方法使高度相同，但这些都不是最好的办法。 本文要介绍的是采用容器“正内补丁(列的正内补丁)”和“负外补丁(列的负底边界)”结合的方法来解决列高度相同的问题。 主要代码： #container{overflow:hidden;} /外容器/ #sidebar_left,#sidebar_right{padding-bottom:100000px;margin-bottom:-100000px;} /列/ 实现原理： 块元素必须包含在一个容器里。 应用overflow: hidden 到容器里的元素。 应用padding-bottom（足够大的值）到列的块元素 。 应用margin-bottom（足够大的值）到列的块元素。 padding-bottom将列拉长变的一样高，而负的margin-bottom又使其回到底部开始的位置，同时，溢出部分隐藏掉了。 兼容各浏览器 IE Mac 5 得到高度正确，所以要过滤掉上面的代码。 // #sidebar_left, #sidebar_right{ padding-bottom: 32767px; margin-bottom: -32767px; } // Opera 1 Opera70-72不能正确清除溢出部分，所以要加： / easy clearing / #container:after { /content: '[DO NOT LEAVE IT IS NOT REAL]'; / display: block; height: 0; clear: both; visibility: hidden; } #container { display: inline-block; } // #container { display: block; } / end easy clearing / // 2 Opera8处理overflow: hidden有个BUG,还得加上以下代码： // #sidebar_left, #sidebar_right { padding-bottom: 32767px !important; margin-bottom: -32767px !important; } @media all and (min-width: 0px) { #sidebar_left, #sidebar_right { padding-bottom: 0 !important; margin-bottom: 0 !important; } #sidebar_left:before, #sidebar_right:before { /content: '[DO NOT LEAVE IT IS NOT REAL]';/ display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32767px !important; height: 0; } } 本文来自CSDN博客，转载请标明出处： >

这个，我认为有两个层面

1如果仅是为了学习，直接在网页右键，查看源文件，把CSS路径找到，下载下来，然后包含进自己写的静态HTML页面便可，这样你的页面就可以通过“class=”这样的语法来调用css样式。

2如果你是想做商业项目，建议不要直接引用别人的原始CSS文件，如果看到喜欢的局部样式，你可以在此处右键，审查元素，看到此处的CSS样式代码，复制到自己的css文件便可，然后，你可以在网页引用这个代码了

分类: 电脑/网络 >> 互联网

问题描述:

在浏览一些博客空间时（比如百度空间），有好多非常漂亮的css样式，如何获取他们的一些信息。

解析:

打开这个网页 点右键 查看源文件 找到css结尾的文件地址 直接下载他就到你本地了

以上就是关于div+css网页设计高度问题全部的内容，包括:div+css网页设计高度问题、怎么获取一个网页的CSS文件、用CSS怎样定义网页左右一样高等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！