css流式布局

最新推荐文章于 2024-08-01 15:19:04 发布

啊哈前端

最新推荐文章于 2024-08-01 15:19:04 发布

阅读量5.6k

点赞数

分类专栏： css3

本文链接：https://blog.csdn.net/wuzhe128520/article/details/54290083

版权

博客介绍了如何将HTML结构中的固定像素宽度转换为百分比宽度，以实现CSS流式布局。内容涉及转换公式：目标元素宽度除以上下文元素等于百分比宽度。

摘要由CSDN通过智能技术生成

1、html结构

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <link rel="stylesheet" href="fluied.css">
  <title>流式布局</title>
 </head>
 <body>
     <div id="wrapper" class="clearfix">
      <!-- 头部和导航 -->
	     <div id="header">
	         <div id="navigation">
		         <ul>
			         <li>
				         <a href="#">
					         首页
					     </a>
				    </li>
				    <li>
				        <a href="#">
					        导航一