`
李俊良
  • 浏览: 145179 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

网易的两栏布局，左侧固定宽度

 
阅读更多 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> Matching Game </title>
<meta name="generator" content="editplus" />
<meta name="author" content="lijunliang" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<style>
html,body{
	height:100%;
}
.wrapper{
	height:100%;
}
.left{
	width:300px;
	margin-right:-300px;
	background-color:yellow;
	height:100%;
	float:left;
}
.right{
	margin-left:300px;
	background-color:black;
	height:100%;
}
</style>
</head>
<body>
	<div class="wrapper">
		<div class="left"></div>
		<div class="right"></div>
	</div>
</body>
</html>
 
分享到：
| 排序算法
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    仿网易新闻侧拉栏，viewpager配合使用

    在Android应用开发中，"仿网易新闻侧拉栏，viewpager配合使用"是一个常见的功能设计，主要用于实现类似新闻客户端的导航效果。这个设计允许用户通过从屏幕边缘向内滑动来展示或隐藏一个侧边栏，同时使用ViewPager来...

    仿网易邮箱切换登录html代码

    网易邮箱登录页面通常会采用媒体查询（Media Queries）来实现响应式，根据设备的宽度调整布局，确保在手机、平板电脑和桌面电脑上都有良好的用户体验。 【跨域】是网页开发中的一个重要概念，因为浏览器有同源策略...

    android demo,仿网易新闻v4.4侧滑菜单

    `DrawerLayout`支持设置抽屉的开启方向（左侧或右侧），并且可以通过`android:layout_gravity`属性来决定菜单内容的位置。 8. **测试与调试** 在开发过程中，使用Android Studio的布局编辑器可以帮助可视化菜单...

    DrawerLayout+ToolBar官方API实现仿网易V4.4.4导航抽屉

    当然，实际项目中可能还需要考虑更多细节，比如抽屉的宽度、背景颜色、过渡动画等，这些都可以通过进一步调整XML布局和代码来实现。通过不断优化和测试，你可以创建一个既美观又实用的导航抽屉，提升用户的使用体验...

    jQuery仿网易新闻头部导航栏代码

    总之，jQuery仿网易新闻头部导航栏代码是一个很好的实践案例，它涉及到网页布局、CSS样式控制和JavaScript事件处理等多方面的技术，对于想要提高前端技能的开发者来说，是一个值得深入研究的项目。同时，这样的特效...

    模仿网易新闻部分界面

    3. **横向滚动**（Horizontal ScrollView）：横向滚动主要用于展示多列或者宽度超过屏幕的内容。在新闻应用中，横向滚动可能用于图片轮播、广告展示或是不同分类的切换。Android的HorizontalScrollView组件可以轻松...

    Android实现网易新闻客户端侧滑菜单（2）

    【Android实现网易新闻客户端侧滑菜单（2）】这篇教程主要讲解了如何在Android应用中自定义实现网易新闻客户端的侧滑菜单。在第一部分中，我们了解到可以通过第三方库SlideMenu来快速实现这一功能，而在第二部分，...

    仿网易新闻v4.4侧滑菜单

    【仿网易新闻v4.4侧滑菜单】是一款在Android平台上实现类似网易新闻客户端的侧滑菜单的应用。这种设计模式广泛应用于许多移动应用中，它为用户提供了一个方便的方式来访问和切换不同的功能模块，增强了用户体验。...

    仿网易的滑动门技术DIV+CSS实现

    它通常涉及两个关键元素：一个容器（如一个大的div）和多个子元素（如较小的divs），这些子元素将作为显示的内容。通过改变子元素的宽度和位置，我们可以实现内容的切换，仿佛一扇门在滑动。在CSS中，我们可以使用`...

    MMDrawerController-master.zip_view-master代码

    实现自定义各种参数的sidebar视图布局（或者叫drawer view）效果，所谓sidebar视图布局，在很多app（比如网易新闻、facebook等等app）中都可以看到运用，即手指左右移动视图，主视图会移向旁边，在左边或者右边出现...

    网易校园招聘历年经典面试题汇总：前端岗1

    左边固定宽度，右边自适应的布局可以通过CSS的`float`或`display: flex`实现。例如： ```css .container { display: flex; } .left { width: 200px; flex-shrink: 0; } .right { flex-grow: 1; } ``` ...

    PHP动态网站开发任务-设计emailphp页面.pptx

    leftdiv是左侧的固定宽度区域，宽度为200px，高度为600px，包含两个图像映射超链接。写信超链接href指向writeemail.php，目标(target)设置为main，收信超链接href指向receiveemail.php，同样目标为main，这样点击后...

    Android实现网易新闻客户端侧滑菜单（1）

    在Android开发中，实现类似网易新闻客户端的侧滑菜单是一个常见的需求。侧滑菜单通常用于隐藏主界面之外的附加功能，如设置、导航等，它提供了便捷的用户体验，且具有良好的视觉效果。本文将探讨如何利用第三方开源...

    CSS图文混排的几种方案

    网易首页利用了CSS的浮动属性来布局，但这种方式存在一些问题，例如需要固定宽度并且可能会导致布局的灵活性下降。 3. 浮动布局的缺点：在传统的浮动布局方法中，浮动元素可能会导致父容器高度塌陷，即父容器没有...

    MMDrawerController(iPhone源代码)

     实现自定义各种参数的sidebar视图布局（或者叫drawer view）效果，所谓sidebar视图布局，在很多app（比如网易新闻、facebook等等app）中都可以看到运用，即手指左右移动视图，主视图会移向旁边，在左边或者右边...

    左右滑动菜单,界面滑动

    标题中的“左右滑动菜单,界面滑动”指的是用户可以通过在屏幕左侧或右侧滑动来展示或隐藏菜单，这种设计常见于新闻阅读、社交网络以及各种应用的主界面。 滑动菜单的实现通常涉及到多种技术，其中"slidingmenu"是一...

Magicbox
Global site tag (gtag.js) - Google Analytics