css子元素浮动后父元素高度不能自动撑开

html-css014

css子元素浮动后父元素高度不能自动撑开,第1张

1、首先新建一个html文件，命名为test.html。

2、在test.html文件内，使用p标签创建两行文字，代码如下。

3、在test.html文件内，设置第一个p标签id属性为mp，主要用于下面使用css设置该p元素隐藏。

4、在test.html文件内，编写标签<style type="text/css"></style>，下面将在标签内编写css样式。

5、在css标签内，使用css设置p标签的行高为30px，在浏览器运行test.html。

6、在css标签内，对id为mp的p元素样式进行单独定义，通过dispay属性设置为none，实现该p元素隐藏不可见。

7、最后在浏览器打开test.html文件，查看实现的效果。

可以的,给你举个例子吧.试试看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8" />

<title></title>

</head>

<body>

<style type="text/css">

.content{width:500pxmargin:0 autoheight:autoborder:1px solid #333background:#999}

</style>

<div class="content">我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!</div>

</body>

</html>